@charset "UTF-8";
/*! common */
.clfix { *zoom: 1; }
.clfix:after, .clfix:before { line-height: 0; display: table; content: ''; }
.clfix:after { clear: both; }
/*! 기존 IR기법(hidden_new) */
.hidden, .hidden_new { position: absolute; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.hide_txt { font-size: 1px; line-height: 0; position: absolute; display: inline-block; overflow: hidden; clip: rect(1px 1px 1px 1px); width: 1px; height: 1px; }
/*! skipnav */
.skipnav { line-height: 1; position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 0; }
.skipnav a { font-size: 0; line-height: 1; display: block; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; padding: 0; }
.skipnav a:active, .skipnav a:focus, .skipnav a:hover { font-size: 1.333em; font-weight: 700; line-height: 100%; position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 19px; margin: 0; padding: 5px 0; text-align: center; color: #fff; border: 1px solid #c4d7ea; background: #2b6cb0; }
/*! Browser Upgrade Prompt */
.ie7 #wrap, .ie8 #wrap { position: relative; }
.browserupgrade { position: relative; display: none; height: 60px; padding: 25px 0 0; text-align: center; background: #202020; }
.browserupgrade strong { margin-right: 20px; }
.browserupgrade a { font-size: 14px; display: inline-block; }
.browserupgrade .browser_update { margin-right: 110px; }
/*! dimm */
.dimm { position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; display: none; opacity: .6; background: #000; filter: alpha(opacity=60); }
.dimm img { display: block; }
/*! loading */
.all_loading .loading { position: fixed; z-index: 100; top: 50%; left: 50%; display: block; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url(/images/common/img_loading_bar.gif) center center no-repeat; }
/*! screen reader only */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; clip: rect(0 0 0 0); }
/*! Layout */
#wrap { width: 100%; min-width: 1300px; }
#container { min-width: 1300px; }
#content { width: 1245px; margin: 0 auto; padding: 0 0 100px; }
/*! Layout - 서브 카테고리별 메뉴 영역 */
#content .side_content_area { float: left; width: 278px; padding: 0 0 30px; border: 1px solid #eaeaea; border-top: 0; }
#content .lnb_area { width: 220px; padding: 40px 30px 70px; }
#content .lnb_area + .sub_banner01 { margin-top: 0; }
#content .lnb_area .lnb > li { position: relative; border-bottom: 1px solid #eaeaea; }
#content .lnb_area .lnb > li > a { font-size: 18px; font-weight: 700; position: relative; z-index: 2; display: block; padding: 16px 0 18px; color: #2a2a2a; }
#content .lnb_area .lnb > li.on > a, #content .lnb_area .lnb > li > a:active, #content .lnb_area .lnb > li > a:focus, #content .lnb_area .lnb > li > a:hover { color: #bb50ff; }
#content .lnb_2depth_area { position: relative; }
#content .lnb_2depth_area .bu { position: absolute; top: -30px; right: 10px; width: 16px; height: 8px; background: url(/images/common/ico_change.png) -400px 0 no-repeat; }
#content .lnb_area .lnb > li.on > .lnb_2depth_area > .bu { background-position: -400px -10px; }
#content .lnb_2depth { display: none; padding: 10px 0 17px; border-top: 1px solid #eaeaea; }
#content .lnb_area .lnb > li.on > .lnb_2depth_area > .lnb_2depth { border: 0; }
#content .lnb_2depth > li { margin-top: 2px; }
#content .lnb_2depth > li:first-child { margin-top: 0; }
#content .lnb_2depth > li > a { font-size: 15px; display: block; padding-left: 9px; }
#content .lnb_2depth > li .ico_new { vertical-align: -2px; }
#content .lnb_2depth > li.on_2depth > a, #content .lnb_2depth > li > a:hover { color: #bb50ff; background: url(/images/common/bl_lnb_pink.gif) left 8px no-repeat; }
/*! 서브 - 상단 영역 */
.pro_sub_top_area { position: relative; overflow: hidden; min-width: 1245px; /*! height:300px;*/ text-align: center; }
/*! 서브 - 로컬 메뉴 */
.top_lnb_wrap.bottom_line { width: 100%; border-bottom: 1px solid #eaeaea; }
.top_lnb_area { position: relative; width: 1245px; height: 30px; margin: 0 auto; padding: 11px 0 0; }
.top_lnb_area .btn_buy_ticket { position: absolute; top: 6px; right: 0; width: 164px; height: 25px; padding: 9px 0 0; text-align: center; border: 1px solid #eaeaea; }
.top_lnb_area .btn_buy_ticket span { display: inline-block; width: 116px; height: 15px; background: url(/images/vod/sprites_txt_buyticket.png) 0 -15px no-repeat; }
.top_lnb { width: 100%; text-align: center; }
.top_lnb > a { font-size: 17px; font-weight: 600; position: relative; top: 1px; display: inline-block; margin-left: 17px; padding: 0 9px 8px; vertical-align: top; color: #797d84; }
.top_lnb > a:first-child { margin-left: 0; }
.top_lnb > a.on { color: #000; border-bottom: 2px solid #000; }
.top_lnb > a:after { position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; content: ''; -webkit-transition: width .3s; transition: width .3s; background-color: #000; }
.top_lnb > a:focus, .top_lnb > a:hover { color: #000; border-bottom: none; }
.top_lnb > a:focus:after, .top_lnb > a:hover:after { width: 100%; }
.top_lnb > a.on:after { -webkit-transition: none; transition: none; }
/*! Layout - 서브 좌측 메뉴외 공통 영역 - 슬라이드 */
.sub_banner01 { text-align: center; margin-top: 20px; }
.sub_banner01:first-child { margin-top: 0; }
.sub_banner01 > a { display: block; width: 250px; margin: 0 auto; }
.sub_banner01 > a > img { width: 250px; }
.sub_comm_content { position: relative; width: 220px; margin: 13px auto 0; border-bottom: 1px solid #eaeaea; }
.sub_comm_content.no_line { border-bottom: 0; }
.sub_comm_content.no_line .txt_area { padding-bottom: 13px; }
.sub_comm_content.last_child { border-bottom: 0; }
.sub_comm_content .slide_tit { font-size: 16px; font-weight: 700; line-height: 44px; height: 44px; color: #2a2a2a; }
.lnb_slide_wrap { position: relative; overflow: hidden; width: 220px; }
.lnb_on_air .lnb_slide_wrap { height: 93px; margin-bottom: 30px; }
.lnb_on_air .lnb_slide_wrap > ul { position: relative; top: 50%; height: 93px; margin-top: -46px; }
.lnb_slide_wrap > ul > li { float: left; }
.lnb_slide_wrap > ul > li > a { display: block; width: 220px; text-align: center; }
.lnb_on_air .lnb_slide_wrap > ul > li > a { line-height: 93px; height: 93px; }
.lnb_on_air .lnb_slide_wrap > ul > li > a .img_area img { width: 220px; height: auto; vertical-align: top; }
.lnb_slide_wrap > ul > li > a .img_area { position: relative; display: block; overflow: hidden; width: 220px; height: 125px; }
.lnb_slide_wrap > ul > li > a .img_area > img { max-width: 220px; max-height: 125px; }
.lnb_slide_wrap > ul > li > a .img_area .ico_play { position: absolute; bottom: 10px; left: 10px; }
.lnb_slide_wrap > ul > li > a .img_area .time { position: absolute; right: 0; bottom: 0; }
.lnb_slide_wrap > ul > li > a .txt_area { display: block; padding: 10px 0 20px; text-align: left; }
.lnb_slide_wrap > ul > li > a .txt_area span { padding-top: 5px; }
.lnb_slide_wrap > ul > li > a .txt_area span:first-child { padding-top: 0; }
.lnb_slide_wrap > ul > li > a .txt_area .txt01 { font-size: 14px; line-height: 20px; display: block; overflow: hidden; max-height: 40px; color: #1b2637; }
.lnb_slide_wrap > ul > li > a .txt_area .txt02 { font-size: 13px; display: block; }
.lnb_slide_wrap > ul > li > a .txt_area .txt03 { font-size: 14px; line-height: 20px; display: block; overflow: hidden; max-height: 40px; }
.sub_comm_content .btn_attendants02 { position: absolute; top: 10px; right: 0; }
.lnb_on_air .btn_lnb_slide_ctr a { position: absolute; top: 60px; display: block; width: 7px; height: 13px; margin-top: -22px; background: url(/images/common/ico_change.png) no-repeat; }
.lnb_on_air .btn_lnb_slide_ctr a.btn_lnb_prev { left: 0; background-position: -400px -20px; }
.lnb_on_air .btn_lnb_slide_ctr a.btn_lnb_next { right: 0; background-position: -410px -20px; }
/*! HOT 포토 */
.sub_comm_content.no_line .lnb_slide_wrap .img_area { display: table; background: #eee; }
.sub_comm_content.no_line .lnb_slide_wrap .img_area .img { display: table-cell; vertical-align: middle; width: 220px; height: 125px; }
.sub_comm_content.no_line .lnb_slide_wrap .img_area .img img { max-width: 220px; max-height: 125px; }
.r_section .sub_comm_content.no_line .lnb_slide_wrap .img_area .img { width: 300px; height: 170px; }
.r_section .sub_comm_content.no_line .lnb_slide_wrap .img_area .img img { max-width: 300px; max-height: 170px; }
/*! Layout - 서브 좌측 메뉴외 공통 영역 - VOD 카테고리 */
.r_section .sub_banner01 > a { width: 300px; }
.r_section .sub_banner01 > a > img { width: 300px; height: 250px; }
.r_section .lnb_slide_wrap, .r_section .sub_comm_content { width: 300px; }
.r_section .lnb_on_air .lnb_slide_wrap { height: 168px; margin-bottom: 0; padding-bottom: 20px; }
.r_section .lnb_slide_wrap > ul > li > a { width: 300px; }
.r_section .lnb_slide_wrap > ul > li > a .img_area { overflow: hidden; width: 300px; height: 168px; line-height: 168px; background: #eee; }
.r_section .lnb_slide_wrap > ul > li > a .img_area > img { max-width: 300px; max-height: 168px; }
.r_section .lnb_on_air .btn_lnb_slide_ctr a { top: 55px; margin-top: -12px; }
.r_section .lnb_on_air > ul > li > a { height: 91px; }
.r_section .lnb_on_air .lnb_slide_wrap > ul { height: 91px; top: 0; margin-top: 0; }
.r_section .lnb_on_air .lnb_slide_wrap > ul > li > a { line-height: 1; height: 91px; }
.r_section .lnb_on_air .lnb_slide_wrap > ul > li > a .img_area { width: 250px; margin: 0 auto; background: 0 0; }
.r_section .lnb_on_air .lnb_slide_wrap > ul > li > a .img_area img { display: block; width: 250px; height: 91px; }
/*! Layout - 서브 좌측 메뉴외 공통 영역 - SNS */
.lnb_sns_list { display: flex; width: 220px; margin: 0 auto; padding: 17px 0 29px; }
.r_section .lnb_sns_list { width: 300px; }
.lnb_sns_list > li { flex:1; height: 22px; background: url(/images/common/bu_sns_line.png) left center no-repeat; }
.lnb_sns_list > li:first-child { background-image: none; }
.lnb_sns_list > li > a { position: relative; display: block; width: 100%; height: 100%; }
.lnb_sns_list > li > a .ico { position: absolute; top: 50%; left: 50%; display: block; background: url(/images/common/ico_change.png) no-repeat; }
.lnb_sns_list > li.sns05 { display: none; }
.lnb_sns_list > li.sns01 > a .ico { width: 21px; height: 18px; margin: -9px 0 0 -10px; background-position: 0 -150px; }
.lnb_sns_list > li.sns02 > a .ico { width: 12px; height: 22px; margin: -11px 0 0 -6px; background-position: -30px -150px; }
.lnb_sns_list > li.sns03 > a .ico { width: 21px; height: 15px; margin: -7px 0 0 -10px; background-position: -50px -150px; }
.lnb_sns_list > li.sns04 > a .ico { width: 15px; height: 20px; margin: -10px 0 0 -7px; background-position: -80px -150px; }
.lnb_sns_list > li.sns05 > a .ico { width: 15px; height: 24px; margin: -10px 0 0 -5px; background-position: -100px -150px; }
.lnb_sns_list > li.sns01 > a:active .ico, .lnb_sns_list > li.sns01 > a:focus .ico, .lnb_sns_list > li.sns01 > a:hover .ico { background-position: 0 -180px; }
.lnb_sns_list > li.sns02 > a:active .ico, .lnb_sns_list > li.sns02 > a:focus .ico, .lnb_sns_list > li.sns02 > a:hover .ico { background-position: -30px -180px; }
.lnb_sns_list > li.sns03 > a:active .ico, .lnb_sns_list > li.sns03 > a:focus .ico, .lnb_sns_list > li.sns03 > a:hover .ico { background-position: -50px -180px; }
.lnb_sns_list > li.sns04 > a:active .ico, .lnb_sns_list > li.sns04 > a:focus .ico, .lnb_sns_list > li.sns04 > a:hover .ico { background-position: -80px -180px; }
.lnb_sns_list > li.sns05 > a:active .ico, .lnb_sns_list > li.sns05 > a:focus .ico, .lnb_sns_list > li.sns05 > a:hover .ico { background-position: -100px -180px; }
/*! Layout - 서브 좌측 메뉴외 공통 영역 - 스페셜 앵커브리핑 */
.sub_comm_content .special_briefing { padding: 10px 0 0; }
.sub_comm_content .special_briefing dt { position: relative; width: 220px; }
.sub_comm_content .special_briefing dt a > .time { bottom: 35px; }
/*.sub_comm_content .special_briefing dt a::before { content: "";display: block;position: absolute;top:0;right:0;width:24px;height:24px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="black" fill-opacity="0.5"/><path d="M12 7H7V12M17 12V17H12" stroke="white" stroke-width="1.5"/></svg>') no-repeat center center/contain;}*/
.sub_comm_content .special_briefing dt img { display: block; width: 220px; height: 125px; object-fit: contain; background-color: #eee;}
.sub_comm_content .special_briefing dt .layer { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 35px; opacity: .8; background: #000; filter: alpha(opacity=80); }
.sub_comm_content .special_briefing dt .layer_txt { font-size: 14px; line-height: 35px; position: absolute; z-index: 3; bottom: 0; left: 0; overflow: hidden; width: 200px; height: 35px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; color: #fff; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.sub_comm_content .special_briefing dd { padding: 15px 0 0; }
.sub_comm_content .special_briefing dd .bl_gray_dot li a { display: inline-block; overflow: hidden; width: 210px; white-space: nowrap; text-overflow: ellipsis; }
.sub_comm_content .special_briefing .more { position: absolute; top: 8px; right: 0; }
.sub_comm_content h3 { font-size: 16px; font-weight: 700; margin-bottom: 13px; color: #2a2a2a; }
.sub_comm_content h3 span { font-size: 14px; font-weight: 400; margin-left: 7px; padding-left: 10px; color: #797d84; background: url(/images/vod/title_var.gif) left center no-repeat; }
/*! Layout - 서브 좌측 메뉴외 공통 영역 - 스페셜 앵커브리핑 - VOD 카테고리 */
.r_section .sub_comm_content .special_briefing dt { position: relative; width: 300px; }
.r_section .sub_comm_content .special_briefing dt a { display: block; }
.r_section .sub_comm_content .special_briefing dt a > .time { bottom: 35px; }
.r_section .sub_comm_content .special_briefing dt img { display: block; width: 300px; height: 168px; object-fit: contain; background-color: #eee;}
.r_section .sub_comm_content .special_briefing dd .bl_gray_dot li a { width: 290px; }
.r_section .sub_comm_content .special_briefing dt .layer_txt { width: 280px; }
/*! 서브 공통 컨텐츠 - notice */
.pro_notice { width: 100%; height: 37px; margin: 0 auto 58px; padding: 17px 0 0; background: #e5e5e5; }
.pro_notice.no_bottom { margin-bottom: 0; }
.pro_notice .bx_notice { width: 1215px; margin: 0 auto; padding: 0 0 0 30px; }
.pro_notice .bx_notice strong { float: left; overflow: hidden; height: 20px; color: #2a2a2a; }
.pro_notice .bx_notice strong a { /*!display:block;*/ color: #2a2a2a; }
.pro_notice .bx_notice span { float: right; margin-right: 0; }
.pro_notice .bx_notice span strong { margin-left: 10px; color: inherit; }
/*! Layout - 서브 공통 컨텐츠 영역 */
#content .content_area { float: right; width: 904px; padding: 58px 0 100px; }
/*! Layout - 서브 공통 타이틀 영역 */
.content_tit_area { width: 100%; margin-top: 78px; padding: 0 0 28px; border-bottom: 1px solid #eaeaea; }
.content_tit_area.mgt0 { margin-top: 0; }
.content_tit_area.mgt30 { margin-top: 30px; }
.content_tit_area.no_space { margin-top: 0; }
.content_tit_area.first_child { margin-top: -2px; }
.content_tit_area.no_line { padding-bottom: 29px; border-bottom: 0; }
/*! 게시판 영역은 타이틀 보더 삭제*/
.content_tit { font-size: 28px; font-weight: 700; line-height: 32px; float: left; letter-spacing: -.7px; color: #2a2a2a; }
/*! Layout - 서브 로케이션 영역 */
.location_map { position: relative; top: 10px; float: right; }
.location_map > li { float: left; margin-left: 10px; padding: 0 0 0 14px; background: url(/images/common/bu_location.png) left 4px no-repeat; }
.location_map > li.first_child { margin-left: 0; padding: 0; background: 0 0; }
.location_map > li > a, .location_map > li > span { font-size: 13px; line-height: 16px; display: block; }
.location_map > li > a.home { position: relative; top: 1px; width: 15px; height: 14px; background: url(/images/common/ico_change.png) -460px -60px no-repeat; }
.location_map > li > a:active, .location_map > li > a:focus, .location_map > li > a:hover { text-decoration: underline; }
/*! Title */
h2.tit_h2 { display: block; margin: 50px 0 30px; text-align: center; }
/*! Ico_comm */
.ico_new { display: inline-block; width: 15px; height: 15px; text-indent: -999em; background: url(/images/common/ico_change.png) -90px -130px no-repeat; }
.ico_play { width: 36px; height: 36px; text-indent: -999em; background: url(/images/common/ico_comm.png) -60px -180px no-repeat; }
.ico_play_big { display: block; width: 50px; height: 50px; text-indent: -999em; background: url(/images/common/ico_comm.png) 0 -160px no-repeat; }
.ico_video_play { display: block; width: 84px; height: 84px; text-indent: -999em; background: url(/images/common/btn_play_movie.png) left top no-repeat; }
.time { font-size: 12px; line-height: 24px; position: absolute; z-index: 10; right: 0; bottom: 0; display: block; width: 70px; height: 24px; text-align: center; letter-spacing: -.5px; color: #ccc; background: url(/images/common/ico_time.png) left top; }
a:active .over_line, a:focus .over_line, a:hover .over_line { position: absolute; z-index: 10; top: -1px; left: -1px; display: block; width: 100%; height: 100%; border: 1px solid #c7c7c7; }
/*! 서비스 없을 경우 화면 */
.warning-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 125px 0;border: 1px solid #EAEAEA;}
.warning-image { width: 73px; height: 73px; background-image: url(/images/common/icon_exclamation.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.warning-text { font-size: 20px; line-height: 24px; letter-spacing: -.7px; color: #1B2637; text-align: center; font-family: 'Noto Sans KR'; }
/*! 연령제한 */
.ico_rank { font-weight: 700; display: inline-block; text-align: center; }
.ico_subtitle { font-size: 12px; line-height: 22px; display: inline-block; width: auto; height: 22px; padding: 0 5px; text-align: center; border: 1px solid #eaeaea; }
.ico_rank.r19 { font-size: 12px; line-height: 22px; width: 22px; height: 22px; text-align: center; color: #ff0909; border: 1px solid #ff0909; }
.ico_rank.r15 { font-size: 10px; line-height: 13px; width: 14px; height: 15px; padding: 0 1px 0 0; color: #848484; border: 1px solid #8d8f92; }
.letter0 { letter-spacing: 0; }
/*! Label status */
.label-status { display: inline-block; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 9px 2px; font-family: "Noto Sans KR"; font-size: 11px; letter-spacing: 0; line-height: 1.69em; vertical-align: top; text-align: center; color: #fff; white-space: nowrap; }
.label-status-active { background-color: var(--color-label-new); }
.label-status-completed { background-color: #988476; }
.label-status > em { font-weight: 700; }
/*! Card_list Common */
.card_list li { float: left; margin-left: -1px; }
.card_list li:first-child { margin-left: 0; }
.card_list li .img { position: relative; display: block; overflow: hidden; }
.card_list li .img .ico_play { position: absolute; bottom: 9px; left: 12px; }
.card_list li .txt, .card_list li .txt > em, .card_list li .txt > span { display: block; }
.card_list li .txt { line-height: 20px; padding: 0 0 0 14px; }
.card_list li .txt.add_count { position: relative; padding: 0 0 0 31px; }
.card_list li .txt.add_count .count { font-size: 22px; position: absolute; top: 0; left: 0; display: block; width: 30px; }
.card_list li .txt > span { font-size: 16px; font-weight: 700; line-height: 21px; overflow: hidden; letter-spacing: -.7px; color: #1b2637; }
.card_list li .txt .font18 { font-size: 18px; line-height: 22px; }
.card_list li .txt > em { margin-top: 9px; letter-spacing: -.5px; color: #5d6064; }
.card_list li .empty, .card_list li a { display: block; padding: 14px; border: 1px solid #eaeaea; }
.card_list li a .v_dimm { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/common/bg_video_dimm.png); }
.card_list li a:focus, .card_list li a:hover { position: relative; z-index: 10; border: 1px solid #c7c7c7; background: #fcfcfc; }
.card_list li a { -webkit-transition: border 1s,background 1s; transition: border 1s,background 1s; }
.card_list li a .img img { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(1); transform: scale(1); }
.card_list li a:hover .img img { -webkit-transform: scale(1.03) rotate(0.02deg); transform: scale(1.03) rotate(0.02deg); }
.card_list li .ico_status, .card_list li .ico_status2, .card_list li .ico_status3 { position: absolute; z-index: 10; top: 0; left: 0; }
.c_three li { width: 416px; }
.c_three li a { height: 334px; padding: 0; }
.c_three li .img { width: 416px; height: 234px; margin: 0 0 24px; }
.c_three li .img img { position: relative; z-index: 5; top: -1px; left: -1px; width: 416px; height: 234px; }
.c_three li .txt { padding: 0; text-align: center; }
.c_three li .txt span { font-size: 20px; line-height: 24px; max-height: 48px; }
.c_three li .txt em { margin-top: 4px; }
.c_three li a:focus, .c_three li a:hover { position: relative; }
.c_three li a:hover .img img { -webkit-transform: none; transform: none; }
.c_three ul li.w415, .c_three ul li.w415 .img, .c_three ul li.w415 .img img { width: 415px; }
.c_three_left ul li { margin-top: -1px; }
.c_three_left ul:first-child li { margin-top: 0; }
.c_three_left li:first-child { width: 415px; }
.c_three_left li { width: 416px; }
.c_three_left li a { height: 353px; padding: 0; }
.c_three_left li .img { width: 387px; height: 218px; margin: 13px 13px 21px; }
.c_three_left li .img img { width: 387px; height: 218px; position: relative; z-index: 5; top: -1px; left: -1px; }
.c_three_left li .txt { padding: 0 26px; text-align: left; }
.c_three_left li .txt span { font-size: 22px; line-height: 25px; color: #1b2637; }
.c_three_left li .txt em { margin-top: 13px; }
.event_three ul { margin-bottom: 19px; }
.event_three ul:last-child { margin: 0; }
.event_three ul li { margin-top: -1px; }
.event_three ul:first-child li { margin-top: 0; }
.event_three li:first-child { width: 415px; }
.event_three li { width: 416px; }
.event_three li a { height: 360px; padding: 0; }
.event_three li .img { width: 387px; height: 195px; margin: 13px 13px 26px; }
.event_three li .img img { position: relative; z-index: 5; top: -1px; left: -1px; width: 387px; height: 195px; }
.event_three li .txt { padding: 0 26px; text-align: left; }
.event_three li .txt .ttl { font-size: 18px; font-weight: 700; letter-spacing: -.7px; color: #1b2637; line-height: 24px; display: block; overflow: hidden; width: 360px; max-height: 40px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.event_three li .txt .add { font-weight: 500; display: block; overflow: hidden; height: 44px; margin: 10px 0 0; color: #5d6064; }
.event_three li .txt .date { font-size: 14px; color: #5d6064; }
.event_three li .title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
.event_three li .title-wrap .label-status + .ttl { margin-left: 7px; }
.c_three_3line ul.clfix:first-child li { margin-top: 0; }
.c_three_3line li { width: 302px; margin-top: -1px; }
.c_three_3line li:first-child { margin-left: 0; }
.c_three_3line li a { height: 272px; }
.c_three_3line li .img { width: 274px; height: 155px; margin: 0 0 25px; }
.c_three_3line li .img img { width: 274px; height: 155px; }
.c_three_3line li .txt { width: 240px; }
.c_three_3line li .txt span { max-height: 44px; }
.c_three_3line li .txt em { margin-top: 13px; }
.c_three_3line li .v_dimm { display: none; }
.c_three_push li { position: relative; width: 487px; margin: 0; }
.c_three_push li:first-child { margin-right: 1px; }
.c_three_push li a { height: 361px; padding: 0; border: 0 !important; }
.c_three_push li .img, .c_three_push li a .img, .c_three_push li a .img img { width: 487px; height: 361px; }
.c_three_push li a:focus, .c_three_push li a:hover { border: 0 !important; }
.c_three_push li.v_banner { float: right; width: 250px; height: 230px; }
.c_three_push li.v_banner .banner_img { width: 250px; height: 230px; margin-bottom: 20px; }
.c_three_push li.v_banner .iframe_zone.banner_img img { width: 250px; height: 230px; }
.c_three_push li.v_banner .iframe_zone img { width: 250px; height: 111px; }
.c_three_push li.v_banner .iframe_zone a { height: auto; }
.c_three_push li a:hover .img img { -webkit-transform: none; transform: none; }
.c_three_connect ul.clfix:first-child li { margin-top: 0; }
.c_three_connect ul.clfix li { margin-top: -1px; }
.c_three_connect li { width: 281px; }
.c_three_connect li:first-child { width: 280px; }
.c_three_connect li a { height: 250px; }
.c_three_connect li .img { width: 253px; height: 142px; margin: 0 0 24px; }
.c_three_connect li .img img { width: 253px; height: 142px; }
.c_three_connect li .txt { width: 242px; }
.c_three_connect li .txt span { max-height: 43px; }
.c_four li { width: 312px; }
.c_four li a { height: 253px; }
.c_four li .img { width: 282px; height: 159px; margin: 0 0 17px; }
.c_four li .img img { width: 282px; height: 159px; }
.c_four li .txt { width: 253px; }
.c_four li .txt > em { margin-top: 5px; }
.c_four li .txt.add_count { width: 236px; }
.c_four li .txt span { max-height: 44px; }
.c_four_sub ul.clfix:first-child li { margin-top: 0; }
.c_four_sub li { width: 227px; }
.c_four_sub li:first-child { width: 226px; }
.c_four_sub li .empty, .c_four_sub li a { height: 196px; }
.c_four_sub li .img { width: 197px; height: 112px; margin: 0 0 14px; }
.c_four_sub li .img img { width: 197px; height: 112px; }
.c_four_sub li .txt { padding-left: 10px; }
.c_four_sub li .txt span { max-height: 44px; }
.c_four_photo li { width: 312px; }
.c_four_photo li a { height: 300px; padding: 0; }
.c_four_photo li .img { width: 310px; height: 206px; margin: 0 0 23px; text-align: center; background: #000; }
.c_four_photo li .img img { max-width: 310px; max-height: 207px; }
.c_four_photo li .txt { overflow: hidden; padding: 0; }
.c_four_photo li .txt span { float: left; overflow: hidden; width: 180px; height: 45px; padding: 0 33px 0 26px; border-right: 1px solid #eaeaea; }
.c_four_photo li .txt .photo { font-size: 16px; float: left; width: 28px; height: 35px; margin: 0; padding: 12px 0 0 42px; background: url(/images/program/ico_photo.png) 16px 14px no-repeat; }
.c_five li { width: 250px; }
.c_five li:first-child { width: 249px; }
.c_five li a { height: 202px; padding: 13px; }
.c_five li .img { width: 221px; height: 125px; margin: 0 0 15px; }
.c_five li .img img { width: 221px; height: 125px; }
.c_five li .img .ico_play { bottom: 5px; }
.c_five li .txt { width: 193px; }
.c_five li .txt span { max-height: 44px; }
.c_six li:first-child { width: 205px; }
.c_six li { width: 209px; }
.c_six li a { height: 318px; }
.c_six li .img { width: 178px; height: 256px; margin: 0 0 16px; }
.c_six li .img img { width: 178px; height: 256px; }
.c_six li a:hover .img img { -webkit-transform: none; transform: none; }
.c_six li .txt { width: 177px; padding-left: 1px; }
.c_six li .txt > span { font-size: 18px; line-height: 22px; height: 44px; }
/*! Tab Common */
.tab_normal { margin: 0 0 20px; }
.tab_normal li { float: left; }
.tab_normal li a { padding: 0 9px; -webkit-transition: color 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); color: #797d84; background: url(/images/common/tab_var.gif) left 6px no-repeat; }
.tab_normal .on a { color: #2a2a2a; }
.tab_normal li:first-child a { background: 0 0 !important; }
.tab_normal.right { float: right; }
.tab_normal.size16 li a { font-size: 16px; }
.tab_normal.size16 li.on a { font-weight: 700; }
.tab_basic { font-size: 0; width: 1000px; margin: 0 auto 20px; text-align: center; }
.tab_basic li { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -1px; }
.win_10 .tab_basic li:first-child { margin-left: -5px; }
.tab_basic li:first-child { margin-left: 0; }
.tab_basic li.on:first-child a { border: 1px solid #2a2a2a; }
.tab_basic li a { -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); font-size: 15px; font-weight: 600; display: block; padding: 6px 18px 8px; text-align: center; white-space: nowrap; letter-spacing: -.7px; color: #797d84; border: 1px solid #ddd; }
.tab_basic li a.size01 { width: 79px; }
.tab_basic li a.size02 { width: 162px; padding: 10px 18px 12px; }
.tab_basic .on { position: relative; }
.tab_basic .on a { position: relative; color: #2a2a2a; border: 1px solid #2a2a2a; }
.tab_basic a:focus, .tab_basic a:hover { z-index: 1; color: #2a2a2a; }
.tab_basic.three li a { width: 41px; }
.tab_basic.four li a { width: 54px; }
.chl_visual_wrap .tab_basic a { width: 79px; }
.tab_comm { overflow: hidden; width: 100%; height: 45px; margin-bottom: 30px; background: url(/images/common/bg_tab_line.gif) left bottom repeat-x; }
.tab_comm li { float: left; margin-left: -1px; }
.tab_comm li:first-child { margin-left: 0; }
.tab_comm li a { font-size: 16px; font-weight: 600; line-height: 41px; position: relative; display: block; height: 43px; -webkit-transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; letter-spacing: -.7px; color: #797d84; border: 1px solid #ddd; border-bottom: 0; }
.tab_comm li.on a { position: relative; z-index: 2; height: 44px; color: #1b2637; border: 1px solid #000; border-bottom: 0; background: url(/images/common/bg_tab_white.gif) left bottom repeat-x; }
.tab_comm li a:focus, .tab_comm li a:hover { color: #2a2a2a; }
.tab_comm li.on a:focus, .tab_comm li.on a:hover { color: #1b2637; }
.intention_plan_area .tab_comm.two { margin-top: 80px; }
.tab_comm.two { width: 904px; }
.tab_comm.two li:first-child { width: 453px; }
.tab_comm.two li { width: 452px; }
.tab_comm.three { width: 840px; }
.tab_comm.three li:first-child { width: 282px; }
.tab_comm.three li { width: 280px; }
.tab_comm.seven { width: 1245px; }
.tab_comm.seven li:first-child { width: 177px; }
.tab_comm.seven li { width: 179px; }
/*! 프로그램 메뉴에 jtbc2,4 탭 추가 20190731 lee.eunhye */
.tab_comm.eight { width: 1245px; }
.tab_comm.eight li:first-child { width: 160px; }
.tab_comm.eight li { width: 156px; }
/*! //프로그램 메뉴에 jtbc2,4 탭 추가 */
/*! tab_taglist */
.tab_taglist { width: 100%; margin-bottom: 29px; }
.tab_taglist li { float: left; margin-left: -1px; }
.tab_taglist li:first-child { margin: 0; }
.tab_taglist li a { font-size: 16px; font-weight: 700; display: block; width: 145px; height: 93px; padding: 0 30px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; color: #797d84; border: 1px solid #eaeaea; border-bottom: 1px solid #000; }
.tab_taglist li.on a { position: relative; color: #2a2a2a; border: 1px solid #000; border-bottom: 0; }
.tab_taglist li.last_child a { width: 153px; }
.tab_taglist li a span { display: table; height: 94px; }
.tab_taglist li .vbox_txt { display: table-cell; vertical-align: middle; }
.tab_taglist li a:focus, .tab_taglist li a:hover { height: 93px; color: #2a2a2a; }
.tab_taglist li.on a:focus, .tab_taglist li.on a:hover { color: #2a2a2a; }
/*! tab_relation */
.tab_relation { position: relative; width: 855px; height: 36px; margin: 0 auto 20px; }
.tab_relation .btn_next, .tab_relation .btn_prev { position: absolute; top: 0; width: 36px; height: 36px; text-indent: -999em; background-image: url(/images/common/btn_rolling_comm.png); background-repeat: no-repeat; }
.tab_relation .btn_prev { left: -1px; display: none; background-position: 0 -260px; }
.tab_relation .btn_next { right: 0; display: none; background-position: -35px -260px; }
.tab_relation .rolling_relation { position: relative; overflow: hidden; width: 785px; margin-left: 35px; opacity: 0; filter: alpha(opacity=0); }
.tab_relation .rolling_relation .l_dimm { position: absolute; top: 1px; left: 0; display: none; width: 21px; height: 34px; content: ''; background: url(/images/program/bg_characters_shadow_l.png) left top no-repeat; }
.tab_relation .rolling_relation .w_dimm { position: absolute; top: 1px; right: 0; display: none; width: 21px; height: 34px; background: url(/images/program/bg_characters_shadow.png) right top no-repeat; }
.tab_relation .rolling_relation li:first-child { margin: 0; }
.tab_relation .rolling_relation li { float: left; margin-left: -1px; }
.tab_relation .rolling_relation li a { font-weight: 600; line-height: 32px; display: block; min-width: 71px; height: 34px; padding: 0 20px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; color: #797d84; border: 1px solid #ddd; }
.tab_relation .rolling_relation li.on a { position: relative; z-index: 2; color: #2a2a2a; border: 1px solid #000; }
.tab_relation .rolling_relation li a:focus, .tab_relation .rolling_relation li a:hover { color: #2a2a2a; }
.tab_relation .rolling_relation li.on a:focus, .tab_relation .rolling_relation li.on a:hover { color: #2a2a2a; }
.tab_relation .btn_prev.disabled { z-index: 2; background-position: -160px 0; }
.tab_relation .btn_next.disabled { z-index: 2; background-position: -195px 0; }
/*! Bullet COMMON */
.bl_gray_dot li { margin-bottom: 3px; padding-left: 9px; background: url(/images/common/bl_gray_dot.gif) left 10px no-repeat; }
.bl_gray_dot li:last-child { margin: 0; }
.bl_gray_dot li a { color: #5d6064; }
.bl_gray_dot2 li { margin-bottom: 5px; padding-left: 12px; background: url(/images/program/bl_gray_dot2.gif) left 10px no-repeat; }
.bl_gray_dot2 li a { color: #5d6064; }
.bl_gray_dot2 li:last-child { margin: 0; }
.bl_lgray_dot a { font-size: 12px; display: inline-block; padding-left: 7px; color: #9e9e9e; background: url(/images/common/bl_lgray_dot.gif) left 10px no-repeat; }
.bl_caution li { font-size: 13px; margin: 1px 0; padding-left: 23px; color: #797d84; background: url(/images/common/bl_caution.png) left 3px no-repeat; }
.bl_check li { font-size: 13px; margin: 1px 0; padding-left: 23px; color: #797d84; background: url(/images/common/bl_check.png) left 4px no-repeat; }
/*! BTN COMMON */
.btn_area { position: relative; width: 100%; height: 38px; text-align: center; }
.btn_area a { margin: 0 0 0 6px; }
.btn_area a:first-child { margin: 0; }
.btn_area.left { text-align: left; }
.btn_area.left a:first-child { margin-left: 0; }
.btn_area.justify, .btn_area.right { text-align: right; }
.btn_area.justify .left { position: absolute; left: 0; }
.btn_area.justify .left a { margin: 0 6px 0 0; }
.btn_area .chk_box { display: inline-block; vertical-align: -3px; }
.btn_area .chk_box .input_checkbox, .btn_area .chk_box .input_checkbox span { margin: 0; }
/*! btns */
.btns { font-weight: 700; line-height: 34px; display: inline-block; height: 36px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; color: #2a2a2a; border: 1px solid #ddd; }
.btns.btn_sch { line-height: 36px; width: 68px; height: 38px; color: #2a2a2a; border: 1px solid #ddd; background: #f4f4f4; }
.btns.btn_sch:focus, .btns.btn_sch:hover { background: #e8e8e8; }
.btns.btn_basic { width: 108px; color: #797d84; border: 1px solid #ddd; }
.btns.btn_basic_wide { width: 158px; color: #797d84; border: 1px solid #ddd; }
.btns.btn_view { font-size: 14px; font-weight: 700; line-height: 27px; display: inline-block; width: 68px; height: 28px; text-align: center; color: #797d84; border: 1px solid #ddd; }
.btns.btn_basic:focus, .btns.btn_basic:hover, .btns.btn_basic_wide:focus, .btns.btn_basic_wide:hover { background: #f2f2f2; }
/*! 게시판 공통 버튼*/
.btns.board, .btns.board_black, .btns.board_gray, .btns.board_white, .btns.board_white02 { font-weight: 700; width: 98px; color: #2a2a2a; border: 1px solid #ddd; }
.btns.board { line-height: 36px; width: 100px; height: 38px; color: #fff; border: 0; background: #797d84; }
.btns.board_gray { background: #f4f4f4; }
.btns.board.sm, .btns.board_gray.sm { font-size: 12px; width: auto; margin-right: 0 !important; padding: 0 14px; vertical-align: 1px; }
.btns.board:focus, .btns.board:hover { background: #61646a; }
.btns.board_gray:focus, .btns.board_gray:hover { background: #e8e8e8; }
.btns.board_black:focus, .btns.board_black:hover, .btns.board_white02:focus, .btns.board_white02:hover, .btns.board_white:focus, .btns.board_white:hover { background: #f2f2f2; }
.btns.board_white02 { width: 118px; }
.btns.board_black { width: 118px; border: 1px solid #000; }
.ico_cancel, .ico_close, .ico_del, .ico_down, .ico_list, .ico_modify, .ico_regi, .ico_save, .ico_upload, .ico_writing { display: inline-block; margin-right: 4px; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.ico_del { width: 10px; height: 10px; vertical-align: -1px; background-position: -60px 0; }
.ico_list { width: 12px; height: 13px; vertical-align: -2px; background-position: -140px 0; }
.ico_modify { width: 14px; height: 14px; vertical-align: -2px; background-position: -40px 0; }
.ico_regi { width: 12px; height: 9px; vertical-align: 0; background-position: -120px 0; }
.ico_writing { width: 14px; height: 17px; vertical-align: -3px; background-position: -100px 0; }
.ico_upload { width: 11px; height: 13px; vertical-align: -3px; background-position: -20px 0; }
.ico_down { width: 11px; height: 13px; vertical-align: -2px; background-position: 0 0; }
.ico_cancel { width: 10px; height: 11px; vertical-align: -1px; background-position: -80px 0; }
.ico_close { width: 12px; height: 11px; vertical-align: -1px; background-position: -160px 0; }
.ico_save { width: 12px; height: 9px; vertical-align: 0; background-position: -120px 0; }
/*! btns_ico */
a.btns_ico { line-height: 32px; display: inline-block; height: 34px; padding: 0 19px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); border: 1px solid #ddd; }
a.btns_ico:focus, a.btns_ico:hover { color: #2a2a2a; }
a.btns_ico em { display: inline-block; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
a.btns_ico.on { color: #2a2a2a; border: 1px solid #2a2a2a; }
a.btn_auto { width: 108px; padding: 0; text-align: center; color: #797d84; }
a.btn_auto em { width: 17px; height: 18px; margin-right: 6px; vertical-align: -5px; background-position: -440px 0; }
a.btn_auto:focus em, a.btn_auto:hover em { background-position: -440px -20px; }
a.btn_auto.on { border: 1px solid #2a2a2a; }
a.btn_auto.on em { color: #2a2a2a; background-position: -440px -20px; }
a.btn_free { font-weight: 700; color: #797d84; }
a.btn_free em { width: 16px; height: 8px; margin-left: 6px; background-position: -490px -10px; }
a.btn_free.on em { background-position: -490px 0; }
a.btn_replay { font-size: 16px; font-weight: 700; position: relative; display: inline-block; width: 162px; height: 21px; padding: 12px 0; text-align: center; color: #2a2a2a; border: 1px solid #ddd; }
a.btn_replay .ico_air { display: inline-block; width: 20px; height: 21px; margin-right: 6px; vertical-align: -4px; background: url(/images/common/ico_comm.png) -50px -90px no-repeat; }
a.btn_replay:focus .ico_air, a.btn_replay:hover .ico_air { background-position: -80px -90px; }
a.btn_replay:focus, a.btn_replay:hover { color: #fff; border: 1px solid #bcbec1; background: #bcbec1; }
a.btn_more { line-height: 42px; display: block; width: 277px; height: 44px; margin: 30px auto; padding: 0; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; border: 1px solid #ddd; }
a.btn_more span { font-size: 16px; font-weight: 700; letter-spacing: -.5px; color: #2a2a2a; }
a.btn_more:focus, a.btn_more:hover { background: #f5f5f5; }
a.btn_file_save { font-size: 12px; line-height: 22px; display: inline-block; width: 108px; height: 24px; padding: 0; text-align: center; color: #797d84; border: 1px solid #ddd; }
a.btn_file_save em { display: inline-block; width: 13px; height: 14px; margin-right: 6px; vertical-align: -1px; background: url(/images/common/ico_change.png) -180px 0 no-repeat; }
a.btn_file_save:focus, a.btn_file_save:hover { background: #f5f5f5; }
a.btn_file_save.big { font-size: 14px; line-height: 36px; display: inline-block; width: 138px; height: 38px; padding: 0; text-align: center; color: #2a2a2a; border: 1px solid #ddd; }
a.btn_file_save.big em { display: inline-block; width: 13px; height: 14px; margin-right: 6px; vertical-align: -1px; background: url(/images/common/ico_change.png) -180px 0 no-repeat; }
a.btn_file_save.big:focus, a.btn_file_save.big:hover { background: #f5f5f5; }
a.btn_buy { font-size: 16px; font-weight: 700; line-height: 44px; display: inline-block; width: 200px; height: 46px; margin: 0; text-align: center; color: #fff; background: #bb50ff; }
a.btn_buy em { display: inline-block; width: 25px; height: 23px; margin-right: 5px; vertical-align: -5px; background: url(/images/common/ico_comm.png) 0 -120px no-repeat; }
a.btn_buy:focus, a.btn_buy:hover { background: #cc2674; }
a.btn_end_pro { font-size: 12px; line-height: 34px; display: inline-block; width: 96px; height: 34px; margin: 0; padding: 0 12px; text-align: center; color: #2a2a2a; }
a.btn_end_pro em { display: inline-block; width: 6px; height: 12px; margin-left: 18px; vertical-align: -2px; background: url(/images/common/ico_comm.png) no-repeat; }
.btn_invest { font-size: 16px !important; font-weight: 700; line-height: 34px; display: inline-block; width: 100px; height: 36px; padding: 0; text-align: center; color: #2a2a2a !important; border: 1px solid #444; }
.btn_invest em { display: inline-block; width: 20px; height: 16px; margin-right: 9px; vertical-align: -3px; background: url(/images/common/ico_comm.png) 0 -70px no-repeat; }
.btn_invest:focus, .btn_invest:hover { background: #f5f5f5; }
a.btn_txt_more { display: inline-block; padding-right: 20px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-align: center; color: #5d6064; }
a.btn_txt_more .ico_arrow { display: inline-block; width: 14px; height: 7px; background: url(/images/common/ico_change.png) -520px -30px no-repeat; }
a.btn_txt_more.on .ico_arrow { background-position: -520px -20px; }
/*! 공통 좌우 롤링 */
.btn_attendants li { float: left; margin-left: -1px; }
.btn_attendants li:first-child { margin-left: 0; }
.btn_attendants li a { display: block; width: 36px; height: 36px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-indent: -999em; }
.btn_attendants .l_arrow, .btn_attendants .r_arrow { position: relative; overflow: hidden; }
.btn_attendants .l_arrow a:focus, .btn_attendants .l_arrow a:hover, .btn_attendants .r_arrow a:focus, .btn_attendants .r_arrow a:hover { position: relative; z-index: 2; }
.btn_attendants .l_arrow a:before { display: block; width: 36px; height: 36px; content: ''; background: url(/images/common/btn_rolling_comm.png) no-repeat; }
.btn_attendants .r_arrow a:before { display: block; width: 36px; height: 36px; content: ''; background: url(/images/common/btn_rolling_comm.png) -35px 0 no-repeat; }
.btn_attendants a:hover { background: #f2f2f2; }
/*! LNB 좌우 롤링 작은버튼 */
.btn_attendants02 li { float: left; margin-left: -1px; }
.btn_attendants02 li:first-child { margin-left: 0; }
.btn_attendants02 li a { display: block; width: 24px; height: 24px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-indent: -999em; }
.btn_attendants02 .l_arrow, .btn_attendants02 .r_arrow { position: relative; overflow: hidden; }
.btn_attendants02 .l_arrow a:focus, .btn_attendants02 .l_arrow a:hover, .btn_attendants02 .r_arrow a:focus, .btn_attendants02 .r_arrow a:hover { position: relative; z-index: 2; }
.btn_attendants02 .l_arrow a:before { display: block; width: 24px; height: 24px; content: ''; background: url(/images/common/btn_rolling_comm.png) 0 -300px no-repeat; }
.btn_attendants02 .r_arrow a:before { display: block; width: 24px; height: 24px; content: ''; background: url(/images/common/btn_rolling_comm.png) -23px -300px no-repeat; }
.btn_attendants02 a:hover { background: #f2f2f2; }
.btn_attendants.bg_dark .l_arrow a:before { background-position: -80px 0; }
.btn_attendants.bg_dark .r_arrow a:before { background-position: -115px 0; }
.btn_attendants.bg_dark a:hover { background: 0 0; }
/*! 롤링상하 버튼 */
.btn_updown li a { display: block; overflow: hidden; width: 36px; height: 36px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); text-indent: -999em; }
.btn_updown .r_arrow { margin-top: -1px; }
.btn_updown .l_arrow a:before { display: block; width: 36px; height: 36px; content: ''; background: url(/images/common/btn_rolling_comm.png) 0 -180px no-repeat; }
.btn_updown .r_arrow a:before { display: block; width: 36px; height: 36px; content: ''; background: url(/images/common/btn_rolling_comm.png) 0 -215px no-repeat; }
.btn_updown a:hover { background: #f2f2f2; }
/*! btn_expand */
a.btn_expand { display: block; width: 36px; height: 36px; }
a.btn_expand em { display: inline-block; width: 36px; height: 36px; background: url(/images/common/btn_rolling_comm.png) 0 -215px no-repeat; }
a.btn_expand.on em { background-position: 0 -180px; }
a.btn_expand:hover { background: #f2f2f2; }
/*! sns_wrap */
.sns_wrap { position: relative; margin-bottom: 55px; }
.sns_wrap > li { float: left; margin-right: 5px; }
.sns_wrap .sns_zone { position: relative; z-index: 5; }
.sns_wrap .sns_zone .sns_list { bottom: 59px; left: 0; }
.sns_wrap .sns_zone .sns_list a { background: #fff; }
.sns_wrap .line_black a.btn_sns { border: 1px solid #81858c; }
.sns_wrap .line_black a.btn_sns:focus, .sns_wrap .line_black a.btn_sns:hover { border: 1px solid #81858c; }
.sns_wrap .btn_sns { font-size: 16px; line-height: 46px; display: inline-block; width: 88px; height: 48px; padding: 0; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #2a2a2a; border: 1px solid #ddd; }
.sns_wrap .btn_sns .ico_comment, a.btn_sns .ico_buy, a.btn_sns .ico_like, a.btn_sns .ico_share { display: inline-block; margin-right: 5px; vertical-align: middle; text-indent: -999em; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.sns_wrap .btn_sns:focus, .sns_wrap .btn_sns:hover { color: #2a2a2a; border: 1px solid #ddd; background-color: #f5f5f5; }
.sns_wrap .btn_sns .ico_buy { width: 25px; height: 23px; background-position: -420px -390px; }
.sns_wrap .btn_sns .ico_share { width: 20px; height: 14px; vertical-align: -2px; background-position: -450px -390px; }
.sns_wrap .btn_sns .ico_like { width: 22px; height: 20px; background-position: -420px -300px; }
.sns_wrap .btn_sns .ico_like.on { background-position: -450px -300px; }
.sns_wrap .btn_sns .ico_comment { width: 23px; height: 21px; background-position: -480px -390px; }
.sns_wrap .btn_sns.zero .ico_comment, .sns_wrap .btn_sns.zero .ico_like, .sns_wrap .btn_sns.zero .ico_share { margin-right: 0; }
.sns_wrap .btn_sns.zero strong { display: none; }
/*! VOD 단건결제 1+1 이벤트 2017-03-21 lim.cheolho */
.sns_wrap .floating { position: absolute; top: 44px; left: 0; visibility: hidden; padding: 12px 19px; -webkit-transition: top .3s linear,visibility .3s linear,opacity .3s linear; -moz-transition: top .3s linear,visibility .3s linear,opacity .3s linear; transition: top .3s linear,visibility .3s linear,opacity .3s linear; opacity: 0; border-radius: 2px; background-color: #1983d8; }
.sns_wrap .floating:before { position: absolute; top: -12px; left: 34px; display: block; overflow: hidden; width: 23px; height: 12px; content: ''; background: url(https://images.jtbc.co.kr/ui_jtbc/event/vodpayment/bg_floating_arrowup.gif) no-repeat; }
.sns_wrap .floating:after { display: block; clear: both; content: ''; }
.sns_wrap .floating.on { top: 54px; visibility: visible; opacity: 1; }
.sns_wrap .floating .txt { float: left; margin-right: 14px; }
.sns_wrap .floating .txt img { display: block; }
.sns_wrap .floating .close { float: left; overflow: hidden; width: 20px; height: 20px; text-indent: -999em; background: url(https://images.jtbc.co.kr/ui_jtbc/event/vodpayment/btn_floating_close.png) no-repeat; }
/*! vod 플레이어 - 공유하기 레이어 */
.sns_wrap .sns_share_layer { position: absolute; z-index: 20; top: 55px; left: 0; display: none; width: 403px; border: 1px solid #eaeaea; background: #fff; }
.sns_wrap li.on .sns_share_layer { display: block; }
.sns_wrap .sns_type_select { padding: 30px 0 20px; text-align: center; }
.sns_wrap .sns_type_select a { display: inline-block; width: 34px; height: 34px; margin: 0 0 0 9px; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.sns_wrap .sns_type_select a:first-child { margin-left: 0; }
.sns_wrap .sns_type_select a.ico_twitter { background-position: -300px -150px; }
.sns_wrap .sns_type_select a.ico_facebook { background-position: -340px -150px; }
.sns_wrap .sns_type_select a.ico_kakaotalk { background-position: -380px -150px; }
.sns_wrap .sns_type_select a.ico_kakaostory { background-position: -420px -150px; }
.sns_wrap .sns_type_select a.ico_weibo { background-position: -460px -150px; }
.sns_wrap .sns_type_select a.ico_blog { background-position: -500px -150px; }
.sns_wrap .sns_type_select a.ico_renren { background-position: -540px -150px; }
.sns_wrap .sns_share_source { margin: 0 20px; padding: 0 0 25px; border-bottom: 1px solid #eaeaea; }
.sns_wrap .sns_share_source.no_border { border-bottom: 0; }
.sns_wrap .sns_share_source .type { position: relative; margin-top: 10px; padding: 0 80px 0 46px; }
.sns_wrap .sns_share_source .type label { position: absolute; top: 6px; left: 0; }
.sns_wrap .sns_share_source .type label .txt { display: inline-block; width: 29px; color: #2a2a2a; }
.sns_wrap .sns_share_source .type .ipt_txt { width: 223px; height: 35px; }
.sns_wrap .sns_share_source .type .btns { line-height: 33px; position: absolute; top: 0; right: 0; width: 73px; height: 35px; }
.sns_wrap .sns_share_util { padding: 20px; }
.sns_wrap .sns_share_util .area01 { float: left; margin-right: 13px; }
.sns_wrap .sns_share_util .area01 a { color: #2a2a2a; }
.sns_wrap .sns_share_util .area02 { float: left; }
.sns_wrap .sns_share_util .area02 .input_checkbox { margin: 0 10px 0 0; }
.sns_wrap .sns_share_util .area02 .input_checkbox:last-child { margin: 0; }
.sns_wrap .sns_share_util .area02 .input_checkbox:last-child label span { margin: 0; }
/*! 자동롤링 버튼 */
.bx_ctrl { position: absolute; bottom: 84px; left: 50%; display: none; height: 9px; margin-left: -38px; }
.bx_ctrl li { float: left; margin: 0 5px; }
.bx_ctrl li a { display: block; width: 10px; height: 10px; text-indent: -999em; background: url(/images/common/ico_comm.png) -130px -60px no-repeat; }
.bx_ctrl li.on a { background-position: -110px -60px; }
.bx_ctrl_stop { position: absolute; bottom: 78px; left: 50%; display: none; margin-left: 50px; }
.bx_ctrl_stop a { display: block; width: 20px; height: 20px; text-align: center; text-indent: -999em; color: #fff; background: url(/images/common/ico_comm.png) -80px -60px no-repeat; }
.bx_ctrl_stop.play a { background-position: -130px -110px; }
/*! section_list_wrap */
.section_list_wrap { padding: 0; }
.section_list_wrap .comment_wrap.space01 { margin-top: 0; }
.section_list_wrap .l_section { float: left; width: 840px; }
.section_list_wrap .r_section { float: right; width: 348px; padding: 30px 0 45px; border: 1px solid #eaeaea; }
.section_list_wrap .r_section h3 { font-size: 16px; line-height: 22px; margin-bottom: 13px; color: #2a2a2a; }
.section_list_wrap .r_section h3 span { margin-left: 7px; padding-left: 10px; color: #797d84; background: url(/images/vod/title_var.gif) left 4px no-repeat; }
.section_list_wrap .r_section .advertising01 { width: 300px; height: 300px; margin: 0 auto 46px; }
.section_list_wrap .r_section .push_theme h3.line_top { padding: 45px 0 0 24px; border-top: 1px solid #eaeaea; }
.section_list_wrap .r_section .push_theme ul { width: 300px; margin: 0 auto 50px; }
.section_list_wrap .r_section .push_theme ul li:first-child { margin: 0; }
.section_list_wrap .r_section .push_theme ul li { margin-top: 6px; }
.section_list_wrap .r_section .push_theme ul li a { display: table; width: 258px; height: 46px; padding: 0 20px; text-align: center; border: 1px solid #eaeaea; }
.section_list_wrap .r_section .push_theme ul li a span { display: table-cell; vertical-align: middle; }
.section_list_wrap .r_section .push_theme ul li a:focus, .section_list_wrap .r_section .push_theme ul li a:hover { color: #1b2637; border: 1px solid #f0f0f0; background: #f0f0f0; }
.section_list_wrap .r_section .push_theme .advertising02 { width: 248px; height: 92px; }
/*! v_player_con */
.v_player_con { position: relative; width: 760px; min-height: 242px; padding: 42px 39px 30px; border: 1px solid #eaeaea; border-top: 0; background: #fff; }
.v_player_con h2, .v_player_con h3 { display: block; overflow: hidden; width: 600px; max-height: 68px; margin: 0 0 15px; }
.v_player_con h3.on { width: 730px; }
.v_player_con h2 { width: 540px; }
.v_player_con h2.on { width: 570px; }
.v_player_con h2 strong, .v_player_con h3 strong { font-size: 24px; font-weight: 700; line-height: 34px; margin-right: 5px; color: #2a2a2a; }
.v_player_con h3 span { vertical-align: 2px; }
.v_player_con h3 .r19 { margin-left: 2px; vertical-align: 2px; }
.v_player_con .play_info { margin-bottom: 26px; }
.v_player_con .play_info span:first-child { padding: 0; background: 0 0; }
.v_player_con .play_info span { margin-right: 8px; padding-left: 12px; letter-spacing: -.5px; color: #5d6064; background: url(/images/vod/bl_player_line.gif) left 4px no-repeat; }
.v_player_con .play_info span em { margin-left: 8px; }
.v_player_con .play_info span em a { color: #5d6064; }
.v_player_con .desc { font-size: 15px; line-height: 21px; position: relative; overflow: hidden; height: 43px; letter-spacing: -.7px; }
.v_player_con .desc .btn_expand { position: absolute; top: 0; right: 0; -webkit-transition: all .2s; transition: all .2s; }
.v_player_con .desc.on p { height: auto; }
.v_player_con .desc.on a.btn_expand.on { background-position: -142px -120px; }
.v_player_con .desc p { width: 710px; }
.v_player_con .subtit { font-size: 14px; display: block; height: 20px; margin-bottom: 1px; color: #5d6064; }
.v_player_con .ticket { position: absolute; top: 50px; right: 38px; color: #5d6064; }
.placeholder_guidetext { position: absolute; top: 15px; left: 13px; margin-top: -8px; color: #bba9b1; }
.ie9 .placeholder_guidetext { top: 20px; }
.ie8 .placeholder_guidetext { top: 17px; }
.bx_video_info a { display: block; overflow: hidden; }
.bx_video_info .img_info { float: left; width: 353px; margin-right: 30px; }
.bx_video_info .img_info .img { position: relative; display: block; width: 353px; height: 197px; }
.bx_video_info .img_info .img img { width: 353px; height: 197px; }
.bx_video_info .img_info .img .ico_play_big { position: absolute; bottom: 15px; left: 19px; }
.bx_video_info .txt_info { float: left; width: 520px; }
.bx_video_info .txt_info .tit, .bx_video_info .txt_info .txt { display: block; }
.bx_video_info .txt_info .tit { margin: 0 0 16px; }
.bx_video_info .txt_info .tit strong { font-size: 24px; font-weight: 700; line-height: 28px; margin-right: 5px; color: #1b2637; }
.bx_video_info .txt_info .tit span { vertical-align: 3px; }
.bx_video_info .txt_info .tit .r19 { margin-left: 2px; vertical-align: 3px; }
.bx_video_info .txt_info .txt strong { font-weight: 700; display: inline-block; margin-left: 6px; padding-left: 12px; background: url(/images/common/bl_video_line.gif) left 5px no-repeat; }
.bx_video_info .txt_info .txt { font-size: 16px; line-height: 24px; color: #5d6064; }
.bx_video_info .txt_info .subtit { font-size: 16px; display: block; overflow: hidden; width: 500px; margin: 8px 0 3px; white-space: nowrap; text-overflow: ellipsis; color: #5d6064; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.bx_video_info .txt_info .desc { font-size: 16px; line-height: 22px; display: block; overflow: hidden; height: 44px; margin: 0; color: #5d6064; }
.login_btn_group { width: 598px; margin: 0 auto; }
.login_btn_group.space01 { margin: 30px auto 60px; }
.login_btn_group > a { font-size: 18px; font-weight: 700; line-height: 18px; position: relative; display: block; float: left; width: 198px; height: 48px; margin: 0 0 0 -1px; text-align: center; color: #000; border: 1px solid #eaeaea; }
.login_btn_group.black > a { color: #fff; }
.login_btn_group > a:first-child { margin-left: 0; }
.login_btn_group > a .ico_txt { display: inline-block; margin-top: 12px; vertical-align: middle; }
.login_btn_group > a .ico { display: inline-block; width: 29px; height: 29px; margin-right: 10px; vertical-align: middle; background: url(/images/common/ico_change.png) no-repeat; }
.login_btn_group > a .ico.joins { background-position: 0 -210px; }
.login_btn_group > a .ico.facebook { background-position: -40px -210px; }
.login_btn_group > a .ico.twitter { background-position: -80px -210px; }
.login_btn_group > a .ico.kakao { background-position: 0 -520px; }
.login_btn_group > a .ico.naver { background-position: -30px -520px; }
.login_btn_group > a .ico.apple { background: url(/images/common/ico_apple_29x29.png) no-repeat; }
.login_btn_group > a.on .ico.joins { background-position: -120px -210px; }
.login_btn_group > a.on .ico.facebook { background-position: -160px -210px; }
.login_btn_group > a.on .ico.twitter { background-position: -200px -210px; }
.login_btn_group > a.on .ico.kakao { background-position: -70px -520px; }
.login_btn_group > a.on .ico.naver { background-position: -100px -520px; }
.login_btn_group > a.on .ico.apple { background-position: -29px 0; }
.login_btn_group > a:focus, .login_btn_group > a:hover { position: relative; z-index: 2; color: #bb50ff; border: 1px solid #bb50ff; }
.login_btnr_group.fr { float: right; padding: 10px 0 0; }
.login_btnr_group .txt_login { font-size: 16px; font-weight: 700; margin-right: 12px; padding: 0 17px 0 0; vertical-align: -2px; color: #2a2a2a; background: url(/images/common/line_sns_login.png) right 3px no-repeat; }
.login_btnr_group .txt_login.no_bar { font-size: 18px; padding: 0; background: 0 0; }
.login_btnr_group > a { display: inline-block; width: 29px; height: 29px; margin-right: 3px; vertical-align: -9px; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.login_btnr_group > a:last-child { margin-right: 0; }
.login_btnr_group > a.joins { background-position: 0 -210px; }
.login_btnr_group > a.facebook { background-position: -40px -210px; }
.login_btnr_group > a.twitter { background-position: -80px -210px; }
.login_btnr_group > a.kakao { background-position: 0 -520px; }
.login_btnr_group > a.naver { background-position: -30px -520px; }
.login_btnr_group > a.apple { background: url(/images/common/ico_apple_29x29.png) no-repeat; }
.login_btnr_group > a.on.joins { background-position: -120px -210px; }
.login_btnr_group > a.on.facebook { background-position: -160px -210px; }
.login_btnr_group > a.on.twitter { background-position: -200px -210px; }
.login_btnr_group > a.on.kakao { background-position: -70px -520px; }
.login_btnr_group > a.on.naver { background-position: -100px -520px; }
.login_btnr_group > a.on.apple { background-position: -29px 0; }
.login_btnr_space01 { padding: 20px 0 0; }
.login_btnr_space02 { padding: 6px 0 0; }
.login_btnr_space02 .txt_login.no_bar { font-size: 18px; }
/*! share btn group */
.share_btn_group { position: absolute; top: 0; right: 0; width: 50px; }
.btn_share_toggle { position: relative; display: block; width: 50px; height: 50px; }
.btn_share_toggle .bg { position: absolute; top: 0; left: 0; display: block; width: 48px; height: 48px; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); border: 1px solid #eaeaea; }
.black .btn_share_toggle .bg { opacity: .5; border: 1px solid #000; background: #000; filter: alpha(opacity=50); }
.btn_share_toggle .ico { position: absolute; z-index: 2; top: 50%; left: 50%; display: block; background: url(/images/common/ico_change.png) no-repeat; }
.btn_share_toggle .ico.share { width: 24px; height: 17px; margin: -8px 0 0 -12px; background-position: -30px -100px; }
.black .btn_share_toggle .ico.share { background-position: 0 -100px; }
.share_btn_list { display: none; width: 50px; background: #fff; }
.share_btn_list > li { width: 50px; height: 50px; margin: -1px 0 0; }
.share_btn_list > li > a { position: relative; display: block; width: 48px; height: 48px; border: 1px solid #eaeaea; }
.share_btn_list > li > a .ico { position: absolute; top: 50%; left: 50%; display: block; background: url(/images/common/ico_change.png) no-repeat; }
/*! share btn group - 아이콘 이미지. 화이트 & 블랙 */
.black .share_btn_list > li > a .ico.facebook, .share_btn_list > li > a .ico.facebook { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -300px -220px; }
.black .share_btn_list > li > a .ico.twitter, .share_btn_list > li > a .ico.twitter { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -340px -220px; }
.black .share_btn_list > li > a .ico.kakaotalk, .share_btn_list > li > a .ico.kakaotalk { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -380px -220px; }
.black .share_btn_list > li > a .ico.kakaostory, .share_btn_list > li > a .ico.kakaostory { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -420px -220px; }
.black .share_btn_list > li > a .ico.weibo, .share_btn_list > li > a .ico.weibo { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -460px -220px; }
.black .share_btn_list > li > a .ico.blog, .share_btn_list > li > a .ico.blog { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -500px -220px; }
.black .share_btn_list > li > a .ico.renren, .share_btn_list > li > a .ico.renren { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-position: -540px -220px; }
.black .share_btn_list > li > a .ico.url, .share_btn_list > li > a .ico.url { width: 25px; height: 11px; margin: -5px 0 0 -12px; background-position: -60px -100px; }
/*! share btn group - 마우스 오버 및 포커스 */
.btn_share_toggle:active .bg, .btn_share_toggle:focus .bg, .btn_share_toggle:hover .bg { background-color: #f5f5f5; }
.black .btn_share_toggle:active .bg, .black .btn_share_toggle:focus .bg, .black .btn_share_toggle:hover .bg { opacity: .7; background-color: #000; filter: alpha(opacity=70); }
/*! 상태 표시 - 스팟 - 이벤트 */
.ico_status { z-index: 10; display: inline-block; text-align: center; }
.ico_status em { display: block; padding: 3px 10px 5px; text-align: center; color: #fff; }
.ico_status.pink em { background: #ed296a; }
.ico_status.orange em { background: #ff6d1d; }
.ico_status.gray em { background: #988476; }
.ico_status.blue em { background: #2877bd; }
/*! 상태 표시 - 프로그램 - 설문 */
.ico_status2 { z-index: 10; display: inline-block; min-width: 70px; text-align: center; }
.ico_status2 em { font-size: 16px; font-weight: 700; display: block; padding: 4px 10px 6px; text-align: center; color: #fff; }
.ico_status2.pink em { background: #ed296a; }
.ico_status2.gray em { background: #988476; }
/*! 상태 표시 - 프로그램 - 설문2 */
.ico_status3 { z-index: 10; display: inline-block; min-width: 93px; text-align: center; }
.ico_status3 em { font-size: 16px; font-weight: 700; display: block; padding: 7px 10px 8px; text-align: center; color: #fff; }
.ico_status3.pink em { background: #ed296a; }
.ico_status3.orange em { background: #ff6d1d; }
.ico_status3.green em { background: #5db52f; }
.ico_status3.gray em { background: #988476; }
/*! FORM */
/*!CheckBox*/
.input_checkbox * { vertical-align: middle; }
.input_checkbox { position: relative; display: inline-block; margin: 0 21px 0 0; }
.input_checkbox input { line-height: 1; position: absolute; top: 1px; left: 0; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; cursor: pointer; opacity: 0; border: none; border-radius: 0; outline: 0; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_checkbox label { cursor: pointer; vertical-align: 4px !important; }
.input_checkbox label em { font-size: 14px; vertical-align: -1px !important; color: #5d6064; }
.input_checkbox label span { display: inline-block; width: 18px; height: 18px; margin-right: 6px; }
.ie8 .input_checkbox label span { margin-top: 0; }
.input_checkbox.mgr0, .input_checkbox.mgr0 span { margin: 0; }
.checkbox_basic { background: url(/images/common/bg_checkbox_default.png) left top no-repeat; }
.checkbox_checked { background: url(/images/common/bg_checkbox_checked.png) left top no-repeat; }
.checkbox_disabled { background: url(/images/common/bg_checkbox_disabled.png) left top no-repeat; }
.checkbox_disabled_checked { background: url(/images/common/bg_checkbox_disabled_checked.png) left top no-repeat; }
.input_checkbox input:focus + label .checkbox_basic { outline: #000 dotted 1px; }
.input_checkbox input:focus + label .checkbox_checked { outline: #000 dotted 1px; }
/*!RadioBox*/
.input_radio * { vertical-align: middle; }
.input_radio { position: relative; display: inline-block; margin: 0 21px 0 0; }
.input_radio input { line-height: 1; position: absolute; top: 1px; left: 0; display: inline-block; width: 14px; height: 14px; margin: 0; padding: 0; opacity: 0; border: none; border-radius: 0; outline: 0; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_radio label { cursor: pointer; vertical-align: 4px !important; }
.input_radio label em { font-size: 14px; vertical-align: -1px !important; color: #5d6064; }
.input_radio label span { display: inline-block; width: 14px; height: 14px; margin-top: 0; margin-right: 4px; }
.ie8 .input_radio label span { margin-top: 0; }
.radio_basic { background: url(/images/common/bg_radio_default.png) left top no-repeat; }
.radio_checked { background: url(/images/common/bg_radio_checked.png) left top no-repeat; }
.radio_disabled { background: url(/images/common/bg_radio_disabled.png) left top no-repeat; }
.radio_disabled_checked { background: url(/images/common/bg_radio_disabled_checked.png) left top no-repeat; }
.input_radio input:focus + label .radio_basic { outline: #000 dotted 1px; }
.input_radio input:focus + label .radio_checked { outline: #000 dotted 1px; }
/*! SelectBox */
.selectbox_wrap { font-weight: 400; position: relative; display: inline-block; width: 195px; height: 42px; padding-left: 0; text-align: left; vertical-align: -9px; border: 1px solid #ddd; background: #fff; }
.ie7 .selectbox_wrap.active { z-index: 5; }
.selectbox_wrap .select_result { font-size: 14px; line-height: 42px; display: block; overflow: hidden; width: 200px; height: 42px; padding: 0 40px 0 0; text-indent: 18px; background: url(/images/common/select_arrow.png) right 3px no-repeat; }
.selectbox_wrap .select_result:hover, .selectbox_wrap .select_result:link, .selectbox_wrap .select_result:visited { text-decoration: none; color: #1b2637; }
.selectbox_wrap .select_arrow { position: absolute; top: 0; right: 0; display: block; width: 36px; height: 30px; outline: 0; }
.selectbox_wrap .selectbox_wrapDisabled { border: 1px solid #515151; background-color: #3c3c3c; }
.selectbox_wrap .sel_list { position: absolute; z-index: 5; top: 42px; left: -1px; display: none; overflow-y: auto; width: 200px; margin: 0; padding: 0; list-style: none; border: 1px solid #ddd; background-color: #fff; }
.selectbox_wrap .sel_list.reversal { top: auto; bottom: 36px; }
.selectbox_wrap .sel_list a { line-height: 35px; display: block; overflow: hidden; height: 36px; padding: 0 5px 0 10px; outline: 0; }
.selectbox_wrap .sel_list a:link, .selectbox_wrap .sel_list a:visited { text-decoration: none; color: #797d84; }
.selectbox_wrap .sel_list a.sbFocus, .selectbox_wrap .sel_list a:focus, .selectbox_wrap .sel_list a:hover, .selectbox_wrap .sel_list li.on a, .selectbox_wrap .sel_list li.on a:hover { color: #797d84; background-color: #f8f8f8; }
.selectbox_wrap .sel_list .sbDisabled { display: block; padding: 7px 0 7px 3px; color: #999; }
.selectbox_wrap .sel_list a:focus { outline: dotted 1px; }
.selectbox_wrap select { display: none; }
.selectbox { display: inline; }
.selectbox.block { display: block; }
.selectbox_wrap.disabled .select_result { background: url(/images/common/select_arrow_disabled.gif) right 3px no-repeat #eee; }
.sel_calendar { font-weight: 400; position: relative; display: inline-block; width: 148px; height: 42px; padding-left: 0; text-align: left; vertical-align: -9px; border: 1px solid #ddd; background: #fff; }
.sel_calendar a { font-size: 14px; line-height: 42px; display: block; overflow: hidden; width: 108px; height: 42px; padding: 0 40px 0 0; text-indent: 18px; background: url(/images/common/select_arrow.png) right 3px no-repeat; }
.sel_calendar.disabled a { background: url(/images/common/select_arrow_disabled.gif) right 5px no-repeat #eee; }
/*! Input File */
.filebox { display: inline-block; }
.filebox .file_hide { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px !important; height: 1px; margin: -1px; padding: 0; border: 0; }
.filebox label { font-weight: 700; line-height: 40px; display: inline-block; width: 88px; height: 42px; margin-left: 6px; cursor: pointer; text-align: center; vertical-align: middle; color: #2a2a2a; border: 1px solid #eaeaea; background-color: #f4f4f4; }
.filebox label.focus { outline: #000 dotted 1px; }
.filebox .file_txt { display: inline-block; padding: 13px 10px; border: 1px solid #ddd; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox .upload-display { margin-bottom: 5px; }
.filebox .upload-thumb-wrap { display: inline-block; width: 54px; padding: 2px; vertical-align: middle; border: 1px solid #ddd; background-color: #fff; }
.filebox .upload-display img { display: block; width: 100%\9; max-width: 100%; height: auto; }
/*!form space*/
.space_at { font-size: 12px; display: inline-block; width: 11px; margin-left: -1px; text-align: left; }
.ie7 .space_at { padding-left: 4px; }
.space_dash { display: inline-block; width: 10px; text-align: center; }
.ie7 .space_dash { padding-left: 4px; }
.space_slash { display: inline-block; width: 5px; text-align: center; color: #fff; }
.ie7 .space_slash { padding-left: 4px; }
.space_slash15 { display: inline-block; width: 10px; text-align: center; color: #fff; }
.ie7 .space_slash15 { padding-left: 4px; }
.space_slash15_gray { display: inline-block; width: 10px; text-align: center; }
.ie7 .space_slash15_gray { padding-left: 4px; }
.space_slash30 { display: inline-block; width: 25px; text-align: center; color: #fff; }
.ie7 .space_slash30 { padding-left: 4px; }
/*! board form style */
.ipt_txt { font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic','Apple Gothic',dotum,gulim,sans-serif; display: inline-block; height: 42px; padding: 0 0 0 12px; letter-spacing: -.7px; border: 1px solid #ddd; }
.ie7 .ipt_txt, .ie8 .ipt_txt { height: auto !important; padding: 9px 0 9px 12px; }
.bx_textarea { padding: 10px; border: 1px solid #ddd; }
.bx_textarea textarea { font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic','Apple Gothic',dotum,gulim,sans-serif; font-size: 14px; line-height: 1.5; overflow: auto; width: 99.8%; border: 0; }
.bx_textarea.add_form textarea { width: 96.69%; margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; }
.bx_textarea_first { margin-bottom: 10px; padding: 0; border: 1px solid #ddd; }
.bx_textarea_first textarea { font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic','Apple Gothic',dotum,gulim,sans-serif; font-size: 14px; line-height: 1.5; overflow: auto; width: 99.8%; padding: 0; border: 0; }
.ie8 .bx_textarea .placeholder_wrap, .ie9 .bx_textarea .placeholder_wrap { width: 100%; }
/*! BOARD */
/*! BOARD - layout */
.content_area.board .content_tit_area { border-bottom: 0; }
/*! BOARD - list */
.wrap_tbl table { width: 100%; table-layout: fixed; }
.tb_info { border-top: 2px solid #555; }
.tb_info td, .tb_info th { height: 20px; padding: 15px 0; text-align: center; letter-spacing: -.5px; color: #797d84; border-bottom: 1px solid #eaeaea; }
.tb_info thead th:first-child { border-left: none; }
.tb_info thead th { height: 51px; padding: 0; border-top: 0; border-bottom: 1px solid #d0d0d0; color: #1b2637; }
.tb_info tbody th, .tb_info thead th { font-size: 14px; font-weight: 700; }
.tb_info tbody td.form_factor .input_checkbox, .tb_info tbody td.form_factor .input_checkbox label span, .tb_info thead th.form_factor .input_checkbox, .tb_info thead th.form_factor .input_checkbox label span { margin: 0; }
.tb_info tbody td:last-child { letter-spacing: -.5px; }
.tb_info th.writer { text-align: center; }
.tb_info td.writer { padding-right: 10px; padding-left: 14px; text-align: left; letter-spacing: -.5px; word-break: break-all; }
.tb_info .no { color: #5d6064; }
.tb_info .title, .tb_info .title a, .tb_info .title02, .tb_info .title02 a { font-size: 16px; margin-right: 4px; text-align: left; letter-spacing: -.7px; color: #1b2637; }
.tb_info .ico_wrap, .tb_info .title a, .tb_info .title02 a { display: inline-block; overflow: hidden; vertical-align: -5px; }
.tb_info .title a, .tb_info .title02 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); }
.tb_info .title { padding-left: 20px; }
.tb_info .title02 { padding-left: 35px; }
.tb_info .reply1 { padding-left: 45px; }
.tb_info .reply2 { padding-left: 70px; }
.tb_info .title span, .tb_info .title span.comment, .tb_info .title02 span, .tb_info .title02 span.comment { font-size: 12px; color: #797d84; }
.tb_info .notice td { background: #f8f8f8; }
.tb_info .notice .no { font-weight: 700; }
.tb_info .recom .no { color: #bb50ff; }
.tb_info .deleted_txt .title, .tb_info .deleted_txt .title a, .tb_info .deleted_txt .title02, .tb_info .deleted_txt .title02 a, .tb_info .report .title, .tb_info .report .title a, .tb_info .report .title02, .tb_info .report .title02 a { color: #999; }
.tb_info .hidden_info { display: none; }
.tb_info .hidden_info .detail_txt { padding: 10px 110px 10px 120px; text-align: left; }
.tb_info .hidden_info .detail_txt p { font-size: 16px; line-height: 26px; }
.tb_info .hidden_info .detail_txt p strong { font-weight: 700; }
.tb_info .hidden_info .detail_txt p + ul, .tb_info .hidden_info .detail_txt ul + p { margin-top: 20px; }
.tb_info tr.on { background: #f8f8f8; }
.tb_info tr.on .title { font-weight: 700; }
.tb_info tr.on + .hidden_info { display: table-row; background: #f8f8f8; }
.tb_info .bu_open_close { display: inline-block; overflow: hidden; width: 20px; height: 10px; text-indent: -999em; background: url(/images/common/ico_comm.png) -140px -20px no-repeat; }
.tb_info tr.on .bu_open_close { background-position: -140px 0; }
.tb_info td .report_num, .tb_info th .report_txt { display: block; }
/*! BOARD - btn vertical*/
.tb_info .btn_vetical { margin: 0 3px; }
.tb_info .btn_vetical > a { display: inline-block; width: 24px; height: 24px; text-indent: -999em; background-image: url(/images/common/btn_rolling_comm.png); background-repeat: no-repeat; }
.tb_info .btn_vetical > a.prev { background-position: left -150px; }
.tb_info .btn_vetical > a.next { margin-left: -4px; background-position: -23px -150px; }
/*! BOARD - photo_gallerylist */
.photo_gallerylist { margin: 30px 0 0; border-bottom: 1px solid #eaeaea; }
.photo_gallerylist li { position: relative; float: left; margin: 0 30px 28px 0; }
.photo_gallerylist li.mgr0 { margin-right: 0; }
.photo_gallerylist li a { position: relative; display: block; width: 281px; }
.photo_gallerylist li a .img { display: table-cell; width: 279px; height: 209px; text-align: center; vertical-align: middle; border: 1px solid #eaeaea; }
.photo_gallerylist li a .img img { overflow: hidden; max-width: 279px; max-height: 209px; }
.photo_gallerylist li a .img .photo_num { position: absolute; right: 0; bottom: 91px; width: 51px; height: 27px; padding: 6px 0 0; border: 1px solid #eaeaea; background: #fff; }
.photo_gallerylist li a .img .photo_num em { font-weight: 700; color: #797d84; }
.photo_gallerylist li a .img .photo_num .ico_photo { display: inline-block; width: 13px; height: 13px; margin-right: 3px; vertical-align: -5px; text-indent: -999em; background: url(/images/common/ico_change.png) -460px -40px no-repeat; }
.photo_gallerylist li a .txt { font-size: 16px; line-height: 22px; display: block; overflow: hidden; height: 44px; margin: 15px 0 12px; color: #1b2637; }
.photo_gallerylist li a .txt.report_txt { color: #999; }
.photo_gallerylist li a .txt .comment, .photo_gallerylist li a .txt em { font-size: 12px; margin-left: 3px; color: #797d84; }
.photo_gallerylist li a .date .ico_id.joins { margin-right: 7px; }
.photo_gallerylist li a .date strong { display: inline-block; margin-right: 9px; padding-right: 13px; letter-spacing: -.5px; background: url(/images/common/tbl_var.gif) right 3px no-repeat; }
.photo_gallerylist li a .date em { letter-spacing: -.5px; color: #797d84; }
.photo_gallerylist li .input_checkbox { position: absolute; z-index: 10; top: 15px; left: 15px; display: block; }
/*! 화면 1245px */
.wide_photo_gallerylist .photo_gallerylist a { width: 394px; }
.wide_photo_gallerylist .photo_gallerylist li a .img { width: 392px; height: 294px; }
.wide_photo_gallerylist .photo_gallerylist li a .img img { overflow: hidden; max-width: 392px; max-height: 294px; }
/*! BOARD - View */
.tb_view { margin: 0 0 14px; border-top: 2px solid #555; }
.tb_view.position01 { position: relative; }
.tb_view .veiw_tit { font-size: 18px; font-weight: 700; line-height: 26px; padding: 13px 22px 18px; letter-spacing: -.7px; color: #1b2637; }
.tb_view .veiw_tit .ico_status2 { margin-right: 12px; }
.tb_view .veiw_tit .view_copy { font-size: 16px; font-weight: 400; line-height: 16px; display: block; padding: 10px 0 0; }
.tb_view .view_info { position: relative; padding: 15px 18px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #d0d0d0; }
.tb_view .view_info .view_info_txt.txt_style01 { font-weight: 700; }
.tb_view .view_info .view_info_txt.txt_style01 > span { color: #2a2a2a; }
.tb_view .view_info .view_info_txt { letter-spacing: -.5px; }
.tb_view .view_info .view_info_txt > strong { font-size: 15px; margin-right: 7px; padding-right: 10px; color: #1b2637; background: url(/images/common/bg_line_infotxt.png) right center no-repeat; }
.tb_view .view_info .view_info_txt > strong .ico { display: inline-block; width: 16px; height: 16px; margin: 0 7px 0 0; vertical-align: -3px; text-indent: -999em; background: url(/images/common/ico_change.png) -270px -200px no-repeat; }
.tb_view .view_info .view_info_txt > strong .ico.joins { background-position: 0 -290px; }
.tb_view .view_info .view_info_txt > strong .ico.admin { background-position: -60px -290px; }
.tb_view .view_info .view_info_txt > strong .ico.facebook { background-position: -40px -290px; }
.tb_view .view_info .view_info_txt > strong .ico.twitter { background-position: -20px -290px; }
.tb_view .view_info .view_info_txt > strong .ico.kakao { background-position: -250px -520px; }
.tb_view .view_info .view_info_txt > strong .ico.naver { background-position: -270px -520px; }
.tb_view .view_info .view_info_txt > strong .ico.apple { background-image: url(/images/common/ico_apple.png); background-position: -17px 0; background-size: 65px auto; }
.tb_view .view_info .view_info_txt > span { font-size: 14px; margin-right: 7px; padding-right: 10px; color: #797d84; background: url(/images/common/bg_line_infotxt.png) right center no-repeat; }
.tb_view .view_info .view_info_txt .last_child, .tb_view .view_info .view_info_txt > span:last-child { margin-right: 0; padding-right: 0; background: 0 0; }
.tb_view .view_info .view_info_btns { position: absolute; top: 50%; right: 0; display: block; margin-top: -13px; }
.tb_view .view_cont { position: relative; border-bottom: 1px solid #ddd; }
.tb_view .view_cont_txt { overflow: hidden; width: 864px; min-height: 250px; padding: 35px 20px 120px; }
.tb_view .view_cont_txt .write_tbl01 { margin: 10px 0 0; }
.tb_view .view_cont_txt img { max-width: 864px; margin: 10px 0; }
.tb_view .view_cont_txt.no_sns { padding-bottom: 30px; }
.tb_view .view_cont_txt p { font-size: 16px; line-height: normal; letter-spacing: -.7px; color: inherit; }
.tb_view .view_cont_txt p strong { font-weight: 700; }
.tb_view .view_cont_txt p em { font-style: italic; }
.tb_view .view_cont_sns { position: absolute; right: 0; bottom: 30px; text-align: right; }
.tb_view .view_cont_sns > a { float: left; margin-left: -1px; }
.tb_view .view_cont_sns > a:focus, .tb_view .view_cont_sns > a:hover { position: relative; }
.tb_view .share_btn_group { right: 0; }
.tb_view .filesave_wrap { position: absolute; bottom: 30px; left: 20px; }
.tb_view .filesave_wrap .filesave_list.on { display: block; }
.tb_view .filesave_wrap .filesave_list { position: absolute; z-index: 1; top: 0; left: 150px; display: none; min-width: 200px; padding: 15px 34px 15px 20px; border: 1px solid #ccc; background: #fff; -webkit-box-shadow: 3px 3px 3px #ececec; box-shadow: 3px 3px 3px #ececec; }
.tb_view .filesave_wrap .filesave_list li { padding-left: 16px; background: url(/images/common/ico_file_save.png) left 5px no-repeat; }
.tb_view .filesave_wrap .filesave_list li:first-child { margin-bottom: 7px; }
.tb_view .filesave_wrap .filesave_list li a { color: #2a2a2a; }
.tb_view .filesave_wrap .filesave_list li a:focus, .tb_view .filesave_wrap .filesave_list li a:hover { text-decoration: underline; }
.tb_view .filesave_wrap .filesave_list .bnt_close { position: absolute; top: 0; right: 0; display: block; width: 8px; height: 9px; padding: 7px; text-indent: -999em; background: url(/images/common/btn_filesave_close.png) 7px 7px no-repeat; }
/*! 게시판 동영상 뷰 */
.view_cont_txt .in_mov { position: relative; display: block; width: 90%; margin: 10px 0 0; border: 1px solid #eaeaea; }
.view_cont_txt .in_mov .thumb { display: block; }
.view_cont_txt .in_mov .thumb .img { display: block; float: left; }
.view_cont_txt .in_mov .thumb .img img { width: 266px; height: 150px; }
.view_cont_txt .in_mov .thumb .txt { position: relative; float: left; height: 100px; margin: 25px 0 0 20px; }
.view_cont_txt .in_mov .thumb .txt .tit { font-size: 18px; font-weight: 700; line-height: 22px; display: block; overflow: hidden; width: 360px; height: 46px; color: #2a2a2a; }
.view_cont_txt .in_mov .thumb .txt .url { font-size: 14px; position: absolute; bottom: 0; left: 0; }
.view_cont_txt .in_img { margin: 5px 0 10px; }
.view_cont_txt .in_img img { width: 132px; height: 73px; }
/*! sns_list */
.sns_list { position: absolute; right: 0; bottom: 50px; display: none; background: #fff; }
.sns_list.on { display: block; }
.sns_list > strong { line-height: 36px; display: block; width: 38px; height: 38px; text-align: center; color: #5d6064; border: 1px solid #eaeaea; }
.sns_list li { margin-top: -1px; }
.sns_list li a { display: block; width: 22px; height: 22px; padding: 8px; text-align: center; text-indent: -999em; border: 1px solid #ddd; }
.sns_list li a span { display: block; width: 22px; height: 22px; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.sns_list li a.blog span { background-position: -300px -100px; }
.sns_list li a.kakao span { background-position: -330px -100px; }
.sns_list li a.kakaotalk span { background-position: -480px -100px; }
.sns_list li a.renren span { background-position: -450px -100px; }
.sns_list li a.weibo span { background-position: -420px -100px; }
.sns_list li a.twitter span { background-position: -360px -100px; }
.sns_list li a.fb span { background-position: -390px -100px; }
.sns_list li a.url { width: 38px; height: 25px; padding: 13px 0 0; }
.sns_list li a.url span { width: 25px; height: 11px; margin: 0 auto; background-position: -60px -100px; }
/*! report_mode */
.report_mode { margin: 10px 0 0; border: 1px solid #eaeaea; }
.report_mode .user_sel { height: 32px; padding: 10px 0 0 20px; border-bottom: 1px solid #eaeaea; background: #f8f8f8; }
.report_mode .user_sel li.manager { font-weight: 700; margin-left: 0; padding-left: 0; background: 0 0; }
.report_mode .user_sel li.manager em.ico_system { display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: -2px; background: url(/images/common/ico_change.png) -460px -20px no-repeat; }
.report_mode .user_sel li { float: left; margin-left: 20px; padding-left: 20px; background: url(/images/common/tbl_var.gif) left 5px no-repeat; }
.report_mode .user_sel li strong { font-weight: 700; }
.report_mode .user_sel li .input_checkbox, .report_mode .user_sel li .input_radio { margin: 0; }
.report_mode .user_sel li .input_radio:first-child { margin-right: 21px; }
.report_mode .modify { padding: 1px 0 6px 20px; }
.report_mode .modify li { margin: 6px 0; }
.report_mode .modify li span, .report_mode .modify li strong { font-size: 12px; }
.report_mode .modify li strong { font-weight: 700; display: inline-block; width: 55px; margin-left: 10px; }
.report_mode .modify li .date { margin-right: 11px; color: #999; }
.report_mode .modify li .author { color: #797d84; }
/*! BOARD - photo */
.tb_photo { min-height: 300px; padding: 29px 0; border-top: 2px solid #555; border-bottom: 1px solid #555; }
.tb_photo .photo_item { float: left; width: 222px; border: 2px solid #fff; }
.tb_photo .photo_item img { width: 100%; }
/*! BOARD - view (next/prev) */
.tbl_other { margin: 42px 0 0; border-top: 1px solid #eaeaea; }
.tbl_other li { padding: 14px 0 15px; border-bottom: 1px solid #eaeaea; }
.tbl_other li > strong { display: inline-block; width: 84px; text-indent: 22px; }
.tbl_other li strong .ico { display: inline-block; width: 8px; height: 7px; margin-left: 5px; vertical-align: middle; background: url(/images/common/ico_change.png) no-repeat; }
.tbl_other a { font-size: 14px; color: #5d6064; }
.tbl_other a:focus, .tbl_other a:hover { text-decoration: underline; }
.tbl_other .comment { font-size: 12px; color: #797d84; }
.tbl_other li.pre strong .ico { background-position: -460px 0; }
.tbl_other li.nex strong .ico { background-position: -460px -10px; }
/*! BOARD - editer in table */
.view_tbl01 { border-top: 1px solid #ddd; }
.view_tbl01 td .view_story { padding: 14px 0; }
.view_tbl01 td .view_story .post_image { margin: 20px 0 0; }
.view_tbl01 td .gb { margin-left: 11px; }
.write_tbl01 { width: 100%; }
.write_tbl01 td, .write_tbl01 th { font-size: 14px; padding: 6px 0; color: #5d6064; border: 1px solid #eaeaea; }
.write_tbl01 tbody th { font-weight: 700; line-height: 30px; padding: 8px 0 8px 21px; }
.write_tbl01 tbody td { font-weight: 700; padding-right: 20px; padding-left: 32px; }
.write_tbl01 .tit_col { font-weight: 400; line-height: 41px; height: 43px; padding: 0 0 0 22px; background: #eaeaea; }
.write_tbl01 .tit_col.bold { font-weight: 700; color: #2a2a2a; }
.write_tbl01 .ipt_txt { height: 30px; }
.ie8 .write_tbl01 .ipt_txt { height: auto; padding: 7px 0 7px 12px; }
.bx_agree { overflow: auto; height: 66px; }
.bx_agree_chk { text-align: right; }
.bx_agree_chk .input_checkbox { margin: 4px 0 8px; }
.bx_agree_chk .input_checkbox label em { font-size: 12px; color: #5d6064; }
.bx_agree_chk .input_checkbox label span { margin-right: 0; margin-left: 2px; }
/*! BOARD - Write */
.wrap_tbl_write table { width: 100%; table-layout: fixed; }
.tb_write { border-top: 2px solid #999; }
.tb_write .edit_zone { padding: 8px 20px; }
.tb_write .view_tbl01 { border-top: 0; }
.tb_write td, .tb_write th { height: 28px; padding: 8px 20px 8px 0; color: #2a2a2a; border-bottom: 1px solid #eaeaea; }
.tb_write td * { vertical-align: middle; }
.tb_write td.center { padding: 0; text-align: center; }
.tb_write th { font-size: 14px; font-weight: 700; line-height: 1; padding-top: 22px; padding-left: 21px; vertical-align: top; color: #2a2a2a; }
.tb_write .btn_area { margin: 14px 0 0; text-align: right; }
.tb_write .ico_login, .tb_write .user_icon { display: inline-block; width: 22px; height: 22px; margin: 0 0 0 6px; vertical-align: middle; text-indent: -9999px; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; background-size: 100% 100%; }
.tb_write .ico_login.ico_joins { background-position: 0 -240px; }
.tb_write .ico_login.ico_facebook { background-position: -60px -240px; }
.tb_write .ico_login.ico_twitter { background-position: -30px -240px; }
.tb_write .ico_login.ico_kakao { background-position: -140px -520px; }
.tb_write .ico_login.ico_naver { background-position: -170px -520px; }
.tb_write .ico_login.ico_admin { background-position: -90px -240px; }
.tb_write .ico_login.ico_apple { background-image: url(/images/common/ico_apple.png); background-position: -21px 0; background-size: 87px auto; }
/*! 게시판 관련(외부데이터 들어오는 곳) */
.tb_write .bx_textarea .fr-view .in_mov .thumb .txt { display: block; margin-left: 5px; }
.tbl_info_txt { margin: 5px 0 0; padding-left: 21px; text-align: left; }
.tb_write .ipt_join .placeholder_wrap { display: inline-block !important; }
.tb_write .upload .btn_upload { margin-right: 2px; }
.tb_write .bx_textarea.add_form .view_tbl01 { margin: 10px 0 0; }
.tb_write .tb_view { margin: 0; border: 0; }
.tb_write .bu_email { font-size: 18px; position: relative; top: -2px; margin: 0 5px; color: #aaa; }
.bx_agree { font-size: 12px; padding: 8px 10px; color: #5d6064; border: 1px solid #ddd; }
/*! BOARD - List Top */
.wrap_tbl_top { font-size: 12px; position: relative; clear: both; margin: 0 0 10px; text-align: left; color: #2a2a2a; }
.wrap_tbl_top .total { color: #5d6064; }
.wrap_tbl_top .txt_num { font-size: 14px; display: block; margin: 0 0 7px; color: #797d84; }
.wrap_tbl_top .refrash { margin: 0 0 0 18px; }
.wrap_tbl_top .operation_rule { position: absolute; top: 0; right: 0; }
.wrap_tbl_top .operation_rule .ico { display: inline-block; width: 6px; height: 13px; margin: 0 0 0 6px; vertical-align: middle; background: url(/images/common/btn_link_arrow.png) no-repeat; }
.wrap_tbl_top .operation_rule2 { float: right; }
.wrap_tbl_top .operation_rule2 .ico { display: inline-block; width: 6px; height: 13px; margin: 0 0 0 6px; vertical-align: middle; background: url(/images/common/btn_link_arrow.png) no-repeat; }
.wrap_tbl .btn_area { margin: 14px 0 0; }
/*! BOARD - search */
.tbl_search { margin: 20px 0 0; text-align: center; }
.tbl_search .ipt_txt { width: 214px; height: 36px; }
.tbl_search .btn_sch, .tbl_search .selectbox_wrap { height: 36px; vertical-align: middle; }
.tbl_search .btn_sch { line-height: 34px; }
.tbl_search .selectbox_wrap .select_result { line-height: 35px; height: 38px; background-position: right top; }
.tbl_search .selectbox_wrap .sel_list { top: 36px; }
/*! BOARD - tab_system */
.tab_system { float: right; margin: -5px 0 10px; }
.tab_system li:first-child { margin: 0; }
.tab_system li { float: left; margin-left: -1px; }
.tab_system li a { width: 32px; height: 32px; }
.tab_system li.on a { position: relative; border: 1px solid #2a2a2a; }
.tab_system li a.btn_list_view { background-position: -380px -260px; }
.tab_system li a.btn_thumbnail { background-position: -300px -260px; }
.tab_system li.on a.btn_list_view { background-position: -340px -260px; }
.tab_system li.on a.btn_thumbnail { background-position: -260px -260px; }
/*! BOARD - Photo Rolling */
.bx_photo_wrap { position: relative; margin: 80px 0 0; }
.bx_photo_wrap .next, .bx_photo_wrap .prev { position: absolute; top: 50%; display: block; width: 10px; height: 20px; margin-top: -10px; text-indent: -999em; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.bx_photo_wrap .prev { left: 0; background-position: -290px 0; }
.bx_photo_wrap .next { right: 0; background-position: -310px 0; }
.bx_photo_wrap .rolling_photo { overflow: hidden; width: 844px; margin: 0 auto; }
.bx_photo_wrap .rolling_photo ul { float: left; }
.bx_photo_wrap .rolling_photo li { float: left; margin-left: 20px; }
.bx_photo_wrap .rolling_photo li:first-child { margin: 0; }
.bx_photo_wrap .rolling_photo li a { position: relative; display: block; width: 268px; }
.bx_photo_wrap .rolling_photo li a .img { display: table-cell; width: 266px; height: 200px; text-align: center; vertical-align: middle; border: 1px solid #eaeaea; }
.bx_photo_wrap .rolling_photo li a .img img { overflow: hidden; max-width: 266px; max-height: 200px; }
.bx_photo_wrap .rolling_photo li a .img .photo_num { position: absolute; right: 0; bottom: 59px; width: 51px; height: 27px; padding: 6px 0 0; border: 1px solid #eaeaea; background: #fff; }
.bx_photo_wrap .rolling_photo li a .img .photo_num em { font-weight: 700; color: #797d84; }
.bx_photo_wrap .rolling_photo li a .img .photo_num .ico_photo { display: inline-block; width: 13px; height: 13px; margin-right: 3px; vertical-align: -5px; text-indent: -999em; background: url(/images/common/ico_change.png) -460px -40px no-repeat; }
.bx_photo_wrap .rolling_photo li a .txt { font-size: 16px; line-height: 22px; display: block; overflow: hidden; height: 44px; margin: 15px 0 0; color: #1b2637; }
.bx_photo_wrap .rolling_photo li a .txt .ico_wrap .comment { font-size: 12px; margin-left: 3px; color: #797d84; }
/*! BOARD - btns */
.btn_list_view, .btn_print, .btn_report, .btn_thumbnail, .btn_zoomin, .btn_zoomout { width: 24px; height: 24px; text-indent: -999em; background: url(/images/common/ico_change.png) no-repeat; }
.btn_zoomout { background-position: -230px -240px; }
.btn_zoomin { background-position: -200px -240px; }
.btn_print { background-position: -140px -240px; }
.btn_report { background-position: -170px -240px; }
.btn_upload { display: inline-block; width: 28px; height: 28px; border: 1px solid #ddd; }
.btn_upload span { display: inline-block; width: 28px; height: 28px; text-indent: -9999px; background: url(/images/common/ico_change.png) no-repeat; }
.btn_upload.camera span { background-position: -200px 0; }
.btn_upload.link span { background-position: -230px 0; }
.btn_upload.file span { background-position: -260px 0; }
a.btn_sns02 { line-height: 36px; display: inline-block; width: 98px; height: 38px; text-align: center; color: #2a2a2a; border: 1px solid #ddd; }
a.btn_sns02 .ico_like { display: inline-block; width: 22px; height: 20px; margin-left: 10px; vertical-align: middle; text-indent: -999em; background: url(/images/common/ico_change.png) -420px -300px no-repeat; }
a.btn_sns02 .ico_like.on { background-position: -450px -300px; }
a.btn_sns02 .ico_url { display: inline-block; width: 20px; height: 14px; margin-left: 10px; vertical-align: middle; text-indent: -999em; background: url(/images/common/ico_change.png) -480px -300px no-repeat; }
a.btn_sns02:focus, a.btn_sns02:hover { background: #f2f2f2; }
.upload_pic { overflow: auto; width: 695px; height: 118px; padding: 8px 8px 0; border: 1px solid #ddd; }
.upload_pic li { position: relative; float: left; width: 110px; height: 110px; margin: 0 28px 8px 0; background: #ebebeb; }
.upload_pic li .img { display: inline-block; width: 110px; height: 110px; }
.upload_pic li .img img { width: 110px; height: 110px; }
.upload_pic li em { font-size: 12px; line-height: 25px; position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 26px; text-align: center; color: #fff; background: url(/images/common/bg_upload_tag.png); }
.upload_pic li .btn_upload_del { position: absolute; right: -18px; bottom: 0; }
.upload_file { overflow: auto; width: auto; height: 46px; padding: 10px; border: 1px solid #ddd; }
.upload_file li { margin-top: 3px; }
.upload_file li:first-child { margin-top: 0; }
.upload_file.photo { width: auto; height: 112px; padding: 0 10px 10px; }
.upload_file.photo:after { display: block; clear: both; content: ''; }
.upload_file.photo li { float: left; margin-top: 10px; margin-right: 13px; }
.upload_file.photo li:first-child { margin-top: 10px; }
.btn_upload_del { display: inline-block; width: 8px; height: 9px; margin: -2px 0 0 1px; padding: 5px; vertical-align: middle; text-indent: -9999px; background: url(/images/common/btn_upload_del.png) 5px 5px no-repeat; }
/*! BOARD - icons */
.ico_cmt, .ico_id, .ico_refrash, .lock, .new { display: inline-block; vertical-align: middle; text-indent: -9999em; background-image: url(/images/common/ico_change.png); background-repeat: no-repeat; }
.lock { width: 14px; height: 17px; margin: -2px 0 0 3px; background-position: -110px -130px; }
.new { width: 15px; height: 15px; margin: 0 0 0 3px; background-position: -130px -130px; }
.ico_id { width: 18px; height: 18px; margin: 0 4px 0 0; }
.ico_id.joins { background-position: 0 -270px; }
.ico_id.twitter { background-position: -20px -270px; }
.ico_id.facebook { background-position: -40px -270px; }
.ico_id.kakao { background-position: -200px -520px; }
.ico_id.naver { background-position: -220px -520px; }
.ico_id.admin { background-position: -60px -270px; }
.ico_id.apple { background-image: url(/images/common/ico_apple.png); background-position: -18px 0; background-size: 72px auto; }
.ico_cmt { width: 17px; height: 22px; margin: -11px 1px 0 0; background-position: 0 -120px; }
.ico_refrash { width: 12px; height: 10px; margin: 0 3px 0 0; vertical-align: -1px; background-position: -180px -20px; }
/*! BOARD - paging */
.paging { margin: 10px 0 0; text-align: center; }
.paging.mgt40 { margin-top: 40px; }
.paging.mgt30 { margin-top: 30px; }
.paging.mgt20 { margin-top: 20px; }
.paging ul { display: inline-block; }
.paging ul li { float: left; }
.paging ul li a, .paging ul li strong { font-weight: 700; line-height: 23px; display: inline-block; height: 24px; padding: 0 8px; text-align: center; }
.paging ul li strong { color: #bb50ff; border: 1px solid #eaeaea; }
.paging ul li.last a { border: 1px solid #eaeaea; }
.paging ul li.skip span { line-height: 1; display: inline-block; height: 24px; padding: 0 8px; text-align: center; }
.paging ul li.prev a { display: inline-block; width: 26px; height: 26px; margin-right: 14px; padding: 0; vertical-align: 0; text-indent: -9999px; background: url(/images/common/btn_rolling_comm.png) 0 -120px no-repeat; }
.paging ul li.next a { display: inline-block; width: 26px; height: 26px; margin-left: 14px; padding: 0; vertical-align: 0; text-indent: -9999px; background: url(/images/common/btn_rolling_comm.png) -25px -120px no-repeat; }
.paging ul li a:focus, .paging ul li a:hover { text-decoration: underline; }
/*! 정보없을시 no_info_bx */
.no_info_bx { display: table; width: 902px; height: 290px; margin: 60px 0 0; padding: 0; text-align: center; border: 1px solid #eaeaea; }
.no_info_bx .message { font-size: 20px; line-height: 28px; display: table-cell; vertical-align: middle; color: #1b2637; }
.no_info_bx .message .ico_preparing { display: block; width: 73px; height: 73px; margin: 0 auto 20px; background: url(/images/common/ico_preparing.png) no-repeat; }
.no_info_bx.full { width: 1243px; height: 280px; }
.no_info_bx02 { width: 100%; height: auto; margin: 0; border: 0; }
/*! vod_player_wrap - 로그인 및 이용권 구매 */
.use_login_layer { position: absolute; z-index: 5; top: 0; left: 0; display: table; width: 100%; height: 100%; }
.use_login_layer .use_dimm { position: absolute; z-index: 6; top: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; opacity: .85; background: #000; filter: alpha(opacity=85); }
.use_login_layer .use_dimm60 { position: absolute; z-index: 6; top: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; opacity: .6; background: #000; filter: alpha(opacity=60); }
.use_login_layer .use_dimm img, .use_login_layer .use_dimm60 img { display: block; }
.use_content { position: relative; z-index: 7; display: table-cell; width: 100%; padding-bottom: 53px; vertical-align: middle; }
.use_content.full { padding-bottom: 0; }
.use_content.top_x { padding: 0; }
.use_content.top_x .node02 { padding-top: 0; }
.use_content .node01 { font-size: 22px; line-height: 30px; text-align: center; color: #fff; }
.use_content .node02 { padding: 37px 0 0; text-align: center; }
.use_content .node02.one_txt { padding: 20px 0 0; }
.use_login_layer .btn_ly { position: relative; display: inline-block; color: #fff; border: 1px solid #b6b6b5; background: url(/images/common/bg_opacity70_w.png) left top; }
.use_login_layer .btn_ly:hover { border: 1px solid #eaeaea; background-image: url(/images/common/bg_opacity70_w_over.png); }
.use_login_layer .btn_ly_pink { position: relative; display: inline-block; margin-right: 0 !important; color: #fff; border: 1px solid #f056b0; background: url(/images/common/bg_pink70_w.png) left top; }
.use_login_layer .btn_ly_pink:hover { border: 1px solid #eb2699; background-image: url(/images/common/bg_pink70_w_over.png); }
.use_content .btn_login { font-size: 20px; line-height: 60px; width: 178px; height: 62px; margin-right: 2px; color: #fff; }
.use_content .btn_buy_use { font-size: 20px; line-height: 60px; width: 178px; height: 62px; }
.use_content .btn_review { line-height: 60px; width: 178px; height: 62px; margin-right: 2px; color: #fff; }
.use_content .btn_review .txt { font-size: 20px; padding-left: 24px; color: #fff; background: url(/images/common/ico_review.png) left 4px no-repeat; }
.use_content .btn_login_big, .use_content .btn_pink_big { font-size: 19px; width: 180px; height: 74px; margin-right: 8px; padding: 18px 0 0; }
.use_content .node03 { padding: 25px 0 0; text-align: center; }
.use_content .btn_keep_use { font-size: 18px; padding: 0; color: #fff; border-bottom: 1px solid #fff; }
.use_content .btn_keep_use .ico { position: relative; top: -2px; display: inline-block; width: 6px; height: 9px; background: url(/images/vod/bu_use01.png) left center no-repeat; }
.use_notice { line-height: 48px; position: absolute; z-index: 7; bottom: 0; left: 0; width: 100%; height: 51px; padding-top: 2px; background: #000; }
.use_notice:before { position: absolute; z-index: 8; top: 0; left: 0; width: 100%; height: 1px; content: ''; opacity: .2; background: #fff; filter: alpha(opacity=20); }
.use_notice li.notice01 { float: left; padding: 0 0 0 17px; }
.use_notice li.notice01 * { vertical-align: middle; }
.use_notice li.notice01 .txt { font-size: 16px; display: inline-block; opacity: .7; color: #fff; filter: alpha(opacity=70); }
.use_notice li.notice01 .ico { display: inline-block; width: 17px; height: 17px; margin-right: 4px; background: url(/images/vod/ico_exclamation_mark.png) left center no-repeat; }
.use_notice li.notice02 { float: right; padding: 0 17px 0 10px; background: url(/images/vod/bu_line_use01.png) left 18px no-repeat; }
.use_notice li.notice02 .txt { font-size: 15px; opacity: .7; color: #fff; filter: alpha(opacity=70); }
.use_notice li.notice02 .ico { position: relative; top: -2px; display: inline-block; width: 5px; height: 7px; background: url(/images/vod/bu_use02.png) left center no-repeat; }
.tit_preview { position: absolute; z-index: 10; top: 0; left: 0; }
.tit_preview strong { font-size: 19px; line-height: 22px; display: block; height: 32px; padding: 27px 14px 0 46px; color: #fff; }
.tit_preview strong.bg_drama { background: url(/images/common/bg_preview_drama.png) left top no-repeat; }
.tit_preview strong.bg_news { background: url(/images/common/bg_preview_news.png) left top no-repeat; }
.tit_preview strong.bg_enter { background: url(/images/common/bg_preview_enter.png) left top no-repeat; }
.tit_preview strong.bg_culture { background: url(/images/common/bg_preview_culture.png) left top no-repeat; }
.tit_preview.ing .ico_preview { position: absolute; z-index: 15; top: 50%; right: 17px; display: block; width: 20px; height: 25px; margin-top: -12px; text-indent: -999em; background: url(/images/common/ico_review_top.png) left top no-repeat; }
.tit_preview.ing { width: 100%; height: 68px; }
.tit_preview.ing .top_dimm { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 68px; opacity: .85; background: #000; filter: alpha(opacity=85); }
.tit_preview.ing strong { font-size: 18px; font-weight: 700; position: relative; z-index: 2; height: 47px; padding: 21px 0 0 22px; background: url(/images/common/bg_player_topline.png) left bottom repeat-x; }
.tit_preview.ing strong em { margin-left: 10px; padding-left: 9px; opacity: .7; background: url(/images/common/video_txt_var.png) left 6px no-repeat; filter: alpha(opacity=70); }
.tit_preview.ing ul { position: absolute; z-index: 2; top: 17px; right: 17px; }
.tit_preview.ing ul li { float: left; }
.tit_preview.ing ul li a { font-size: 16px; line-height: 32px; display: block; width: 94px; height: 32px; text-align: center; color: #fff; }
.tit_preview.ing .btn_sm_login { margin-right: 5px; }
/*! vod_player_wrap - 에러 메시지 */
.v_error_message { position: absolute; z-index: 5; top: 0; left: 0; display: table; width: 100%; height: 100%; }
.v_error_message .error_dimm { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: #222; }
.v_error_message .error_notice { position: relative; z-index: 7; display: table-cell; width: 100%; vertical-align: middle; background: #222; }
.v_error_message .error_notice p { text-align: center; color: #fefefe; }
.v_error_message .error_notice a { position: relative; display: block; text-align: center; }
.v_error_message .error_notice .sorry { font-size: 32px; font-weight: 700; line-height: 48px; display: block; width: 158px; margin: 0 auto 30px; padding-bottom: 3px; border-bottom: 1px solid #919191; }
.v_error_message .error_notice .sorry .ico { display: block; width: 56px; height: 56px; margin: 0 auto 7px; background: url(/images/common/ico_comm.png) -150px -50px no-repeat; }
.v_error_message .error_notice .message { font-size: 18px; line-height: 32px; }
.v_error_message .btn_go_home { font-size: 18px; line-height: 51px; width: 182px; height: 53px; margin: 12px auto 0; border: 1px solid #f056b0; background: #ae146e; }
.v_error_message .btn_go_home:hover { border: 1px solid #eb2699; background: #d40f82; }
.v_error_message .btn_go_home .txt { padding-right: 14px; color: #fff; background: url(/images/common/bu_video_arrow.png) right 8px no-repeat; }
.v_error_message .btn_down { font-size: 20px; line-height: 58px; width: 222px; height: 60px; margin: 38px auto 0; border: 1px solid #f162b6; background: url(/images/common/bg_pink70_w.png) left top; }
.v_error_message .btn_down:hover { border: 1px solid #ec35a0; background-image: url(/images/common/bg_pink70_w_over.png); }
.v_error_message .btn_down .txt { padding-right: 29px; color: #fff; background: url(/images/common/bu_new_down.png) right top no-repeat; }
.v_error_message p.txt_adobe { font-size: 25px; font-weight: 700; color: #fff; }
.v_error_message p.txt_adobe span { font-size: 16px; font-weight: 400; line-height: 22px; display: block; width: 362px; margin: 20px auto 0; padding: 17px 0 0; text-align: left; opacity: .6; border-top: 1px solid #999; filter: alpha(opacity=60); }
.wrap_calendar { position: absolute; top: 0; left: 0; width: 276px; }
.box_calendar { font-size: 12px; position: relative; z-index: 50; padding: 16px; border: 2px solid #eaeaea; background: #fff; }
.calendar_head { font-size: 24px; height: 50px; text-align: center; color: #000; }
.calendar_head .btn_m_pre { position: absolute; top: 28px; left: 30px; display: block; width: 10px; height: 20px; background: url(/images/common/ico_comm.png) -10px -90px no-repeat; }
.calendar_head .btn_m_nex { position: absolute; top: 28px; right: 30px; display: block; width: 10px; height: 20px; background: url(/images/common/ico_comm.png) -30px -90px no-repeat; }
.calendar_head .area_month { line-height: 36px; }
.box_date th { font-weight: 700; height: 34px; text-align: center; color: #1b2637; }
.box_date td a { display: table-cell; width: 30px; height: 30px; text-align: center; vertical-align: middle; }
.box_date td.on a { color: #fff; background: #bb50ff; }
.box_date td a:focus, .box_date td a:hover { color: #fff; background: #bb50ff; }
.box_date02 td.on a { color: #fff; background: #5fbe00; }
.box_date02 td a:focus, .box_date02 td a:hover { color: #fff; background: #5fbe00; }
/*! 에러 페이지 */
.error_box { position: relative; width: 844px; margin: 48px auto 115px; padding: 0 42px 40px; border: 1px solid #eaeaea; border-top: 2px solid #2a2a2a; }
.error_box_board { position: relative; margin: 0 auto 115px; padding: 50px 0; text-align: center; border: 1px solid #eaeaea; border-top: 1px solid #2a2a2a; }
.error_txt01 { margin: 54px 0 0; padding: 132px 0 0; text-align: center; }
.error_txt01.ico01 { background: url(/images/common/ico_error.png) center top no-repeat; }
.error_txt01.ico02 { background: url(/images/common/ico_error2.png) center top no-repeat; }
.error_txt01.ico03 { background: url(/images/common/ico_error3.png) center top no-repeat; }
.error_txt02 { margin: 40px 0 0; padding: 30px 30px 25px; background: #f4f4f4; }
.error_txt02 li { font-size: 14px; line-height: 24px; }
.error_txt02 li a { text-decoration: underline; color: #2a2a2a; }
.error_btn { padding: 30px 0 0; text-align: center; }
.error_btn .btns { min-width: 158px; margin-left: 6px; }
.error_btn .btns:first-child { margin-left: 0; }
/*! 사이트맵 */
.sitemap_wrap .tit_sitemap { margin: 0 0 35px; text-align: center; }
.sitemap_wrap .tit_sitemap .tit_h2 { margin: 70px 0 22px; }
.sitemap_wrap .tit_sitemap .copy { margin: 0; }
.sitemap_wrap h3 { position: relative; width: 100%; margin-bottom: 24px; padding-bottom: 13px; border-bottom: 1px solid #eaeaea; }
.sitemap_wrap h3 strong { display: block; height: 23px; text-indent: -999em; background-image: url(/images/common/tit_comm.png); background-repeat: no-repeat; }
.sitemap_wrap h3:after { position: absolute; bottom: -1px; left: 0; display: block; width: 151px; height: 2px; content: ''; background: #ee2a6a; }
.sitemap_wrap .sitemap .bx_site { float: left; width: 385px; margin-right: 30px; }
.sitemap_wrap .sitemap dl { float: left; width: 415px; }
.sitemap_wrap .sitemap dt { font-size: 16px; font-weight: 700; margin: 0 0 15px; color: #2a2a2a; }
.sitemap_wrap .sitemap dt.second { margin-top: 35px; }
.sitemap_wrap .sitemap dd { margin-left: -12px; }
.sitemap_wrap .sitemap dd li { margin: 12px 0 0; }
.sitemap_wrap .sitemap dd li a { font-size: 16px; padding-left: 12px; color: #666; }
.sitemap_wrap .sitemap dd.end { margin: 19px 0 0; }
.sitemap_wrap .sitemap dd.end a:focus, .sitemap_wrap .sitemap dd.end a:hover { background: #f2f2f2; }
.sitemap_wrap .sitemap dd li:first-child { margin: 0; }
.sitemap_wrap .sitemap dd li a:focus, .sitemap_wrap .sitemap dd li a:hover { text-decoration: underline; color: #2a2a2a; background: url(/images/common/bl_lnb_black.gif) left 10px no-repeat; }
.sitemap_wrap .sitemap .site01, .sitemap_wrap .sitemap .site02, .sitemap_wrap .sitemap .site03, .sitemap_wrap .sitemap .site04 { margin-bottom: 76px; }
.sitemap_wrap .sitemap .site02 .bx_site:last-child { width: 415px; margin: 0; }
.sitemap_wrap .sitemap .site02 dl { float: none; }
.sitemap_wrap .sitemap .site03 dl, .sitemap_wrap .sitemap .site04 dl { width: 207px; }
.sitemap_wrap .sitemap .site04 .bx_site:first-child { float: left; width: 800px; }
.sitemap_wrap .sitemap .site04 .bx_site { float: right; width: 415px; margin: 0; }
.sitemap_wrap .tit_tv strong { width: 31px; background-position: 0 -296px; }
.sitemap_wrap .tit_vod strong { width: 54px; background-position: -41px -296px; }
.sitemap_wrap .tit_info strong { width: 79px; background-position: -106px -296px; }
.sitemap_wrap .tit_inside strong { width: 138px; background-position: -194px -296px; }
.sitemap_wrap .tit_news strong { width: 39px; background-position: -539px -296px; }
.sitemap_wrap .tit_custom strong { width: 78px; background-position: -342px -296px; }
.sitemap_wrap .tit_mypage strong { width: 99px; background-position: -430px -296px; }
.sitemap_wrap .tit_viewer strong { background-image: url(/images/common/tit_sitemap_viewer.png); }
/*! 모바일 바로가기 */
.mobile_go { display: block; margin-right: 35px; margin-left: 35px; padding: 40px 0; text-align: center; background-color: #fff; }
/*! 플래시동영상 접근성  */
.hide_txt02 a { position: absolute; left: -3000%; }
.hide_txt02 a.btn_hide01:focus { line-height: 30px; z-index: 10000000000; top: 0; left: 0; display: block; width: 100%; height: 30px; text-align: center; text-decoration: none; color: #fff; background: #000; }
.mgt_m50 { margin-top: -50px; }
.ui_zindex5 { z-index: 5; }
.ui_accordion_table tr { cursor: pointer; }
.ui_accordion_table tr.hidden_info { cursor: default; }
/*! 서브 공통 광고영역 / 간격수정 2019-05-23 lim.cheolho */
.iframe_ad { margin-top: 30px; padding: 0; background: #fff; }
.iframe_ad_inner { width: auto; margin: 0 auto; }
/*! 아이프레임 광고 영역 - 타불라 */
[data-feed-main-container-id="taboola-below-article-thumbnails"][data-feed-container-num="1"] { margin-top: 40px; }
[data-feed-main-container-id="taboola-below-article-thumbnails"][data-feed-container-num="2"] { padding-top: 0 !important; margin-top: 30px; }
.articleadnetworkbanner, .netizen_link_area { margin-bottom: 20px; }
.articleadnetworkbanner .left { float: left; padding-right: 15px; }
.articleadnetworkbanner .right { float: left; }
.ad_shoppingnlife_bottom strong { display: block; margin: 0 0 6px; }
.ad_shoppingnlife_bottom ul li { float: left; margin-left: 13px; line-height: 0; }
.ad_shoppingnlife_bottom ul li:first-child { margin-left: 0 !important; }
#content .content_area .ad_shoppingnlife_bottom ul li { margin-left: 34px; }
._dablewidget { margin-top: 54px; }
@media print { body.print #dablewidget_Ql9bZVX4, body.print #footer, body.print #header, body.print ._dablewidget, body.print .bottom_line.top_lnb_wrap, body.print .btn_area, body.print .comment_wrap, body.print .dimm, body.print .hide_txt, body.print .iframe_ad, body.print .pro_banner_zone, body.print .pro_notice.no_bottom, body.print .pro_sub_top_area, body.print .side_content_area, body.print .tab_basic, body.print .tb_view .filesave_wrap, body.print .tb_view .view_cont_sns, body.print .tb_view .view_info .view_info_btns, body.print .wrap_tbl_view .btn_area, body.print .wrap_tbl_view .tbl_other, body.print .wrap_tbl_write .btn_area { display: none; }
  body.print #container, body.print #content, body.print #wrap { width: auto; min-width: auto; margin: 0; padding: 0; }
  body.print #content .content_area { float: none; width: auto; padding: 20px; }
  body.print .tb_view .view_cont_txt { width: auto; margin: 0 auto; padding: 35px 20px; }
  body.print .teaser_wrap { min-height: 0; background-color: transparent !important; }
  body.print .write_infotxt { padding-bottom: 5px; }
  body.print .write_infotxt:nth-child(2) { display: none; }
  body.print .viewWrap th { height: 20px; }
  body.print .viewWrap td { height: auto; padding: 10px; }
  body.print .viewWrap dl { overflow: visible; padding: 0; }
  @page a4 { size: 21cm 29.7cm; }
  body.print .viewWrap * { word-break: break-all; }
  body.print .tb_write .photolist li img { max-width: 500px; }
  body.print .viewWrap tr:last-child td, body.print .viewWrap tr:last-child th { border-bottom: 0 none; }
  body.footerOn #wrap, body.footerOn .dimm, body.footerOn .ly_cont .btn_area, body.footerOn .ly_pop_wrap .ly_close { display: none !important; }
  body.footerOn .ly_pop_wrap { position: relative !important; top: 0 !important; left: 0 !important; max-width: none; }
  body.footerOn .ly_pop_wrap .mid_ly { width: auto; }
  body.footerOn .img_location_map img { width: 100%; height: auto; } }
/*! 게시판 추가 20180523 */
.bannersort { margin: -2px 0 0; }
/*! 배너하단 간격 수정(배너, 공유버튼, 게시판과의 공간 수정.신청게시판에만 사용) 20190306 lee.eunhye */
.slelcttitle { display: inline-block; width: 881px; margin-bottom: 35px; padding: 17px 0 17px 23px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #f8f8f8; }
.slelcttitle dl { display: inline-block; }
.slelcttitle dt { font-size: 16px; float: left; width: 89px; padding-top: 7px; color: #1b2637; }
.slelcttitle dd { float: left; }
.mgt0 { margin-top: 0 !important; }
.mgt10 { margin-top: 10px !important; }
.mgb155 { margin-bottom: 155px !important; }
.mgt14 { margin-top: 14px !important; }
.notxt { font-size: 16px !important; padding: 68px 0 !important; text-align: center; color: #1b2637 !important; }
.write_infotxt { font-size: 16px; line-height: 23px; padding-bottom: 29px; color: #5d6064; }
.writeWrap { padding: 1px 0 0; border-top: 2px solid #555; }
.writeWrap dt { font-size: 14px; font-weight: 700; padding: 28px 23px 10px; color: #2a2a2a; }
.writeWrap dt.filearea { font-size: 14px; font-weight: 700; padding: 28px 23px 29px; word-break: break-all; color: #2a2a2a; border-bottom: 1px solid #eaeaea; }
.writeWrap dt.filearea .filebox label { line-height: 34px; height: 36px; margin: 0 7px 0 68px; }
.writeWrap dd { padding: 0 23px 29px; word-break: break-all; border-bottom: 1px solid #eaeaea; }
.writeWrap dd span.input_checkbox { margin-right: 10px !important; letter-spacing: -.08em; }
.watchinfotx { height: 176px; }
.watchinfotx2 { height: 86px; }
.writeWrap dd hr.mg10 { font-size: 0; margin-top: 10px; border: none; }
.writeWrap dd span.input_checkbox.mgr0 { margin-right: 0 !important; }
@-moz-document url-prefix() { .writeWrap dd hr.mg10 { font-size: 0; margin-top: 14px; border: none; } }
.agreearea { margin-top: 28px; }
.agtit { font-weight: 700; line-height: 45px; padding-left: 18px; color: #5d6064; background: #eaeaea; }
.watch.btn_area.right { margin: 14px 0 0; text-align: right; }
.gsmtxt { font-size: 12px; display: inline-block; margin-left: 14px; color: #9e9e9e; }
.viewWrap { border-top: 2px solid #555; }
.viewWrap .edit_zone { padding: 8px 20px; }
.viewWrap .view_tbl01 { border-top: 0; }
.viewWrap td, .viewWrap th { height: 20px; padding: 8px 20px 8px 0; color: #2a2a2a; border-bottom: 1px solid #eaeaea; }
.viewWrap td * { vertical-align: middle; }
.viewWrap td.center { padding: 0; text-align: center; }
.viewWrap th { font-size: 14px; font-weight: 700; line-height: 1; padding-top: 22px; padding-left: 21px; vertical-align: top; color: #2a2a2a; }
.viewWrap .btn_area { margin: 14px 0 0; text-align: right; }
.viewWrap dl a { text-decoration: underline; }
.viewWrap dl { overflow: hidden; height: auto; padding: 58px 22px 46px; }
.viewWrap dl .txtit01 { font-weight: 700; height: 23px; vertical-align: top; color: #2a2a2a; }
.viewWrap dl .txcont01 { line-height: 22px; padding-bottom: 26px; vertical-align: top; color: #5d6064; }
.viewWrap dl .txcont01 a { color: #367ddd; }
.bl_lgray_dotw { font-size: 12px; display: inline-block; padding-left: 7px; color: #9e9e9e; background: url(/images/common/bl_lgray_dot.gif) left 10px no-repeat; }
.wadmin_select01 { background: #fce5f0; }
.reditem { color: #ff3092; }
.viewWrap td a { line-height: 25px; text-decoration: underline; }
.select_box { line-height: 34px; position: relative; display: inline-block; width: 768px; height: 32px; vertical-align: middle; border: 1px solid #ddd; background: #fff; }
.selecttit01 { font-size: 14px; line-height: 32px; display: block; overflow: hidden; height: 32px; padding-right: 52px; padding-left: 16px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #5d6064; background: url(/images/common/select_arrow.png) right center no-repeat; }
.selecttit01.on { font-size: 14px; line-height: 32px; display: block; height: 32px; padding-right: 41px; padding-left: 16px; text-align: left; color: #5d6064; background: url(/images/common/select_arrow_up.png) right center no-repeat; }
.selectoption { position: absolute; z-index: 4; top: 0; left: 0; display: none; overflow-y: auto; width: 768px; max-height: 320px; margin-top: 32px; margin-left: -1px; padding: 5px 0; border: 1px solid #ddd; background: #fff; }
.selectoption ul { overflow: hidden; }
.selectoption .iopt01 a { line-height: 34px; display: block; height: 32px; padding-left: 14px; color: #5d6064; }
.selectoption span { display: inline-block; padding-right: 5px; }
.selecttxt { font-size: 14px; line-height: 22px; padding: 5px 23px 0 105px; color: #797d84; }
.selecttxt02 { font-size: 14px; line-height: 28px; padding: 5px 23px 0 18px; color: #797d84; }
.loading_ly { position: absolute; z-index: 1000; top: 50%; left: 50%; width: 308px; height: 108px; margin: -88px 0 0 -164px; padding-top: 38px; letter-spacing: .01em; color: #999; border: 1px solid #ccc; background: #fff; }
.loadimg { display: block; width: 36px; height: 36px; margin: 0 auto 16px; text-align: center; background: url(/images/comment/img_loading_bar.gif) center center no-repeat; }
.loadtxt { font-size: 15px; text-align: center; }
/*! 방청신청 보기 2018-08-16 lim.cheolho */
/*! BUTTON */
.button_wrap { zoom: 1; padding: 12px 0; }
.button_wrap:after { display: block; clear: both; content: ''; }
.button_wrap .right_btns { float: right; }
.button_wrap .left_btns { float: left; }
/*! TABLE */
.tb_write .ipt_join .date, .tb_write .ipt_join .name { margin-left: 10px; }
.tb_write .ipt_join .date { padding-left: 10px; border-left: 1px solid #ddd; }
.tb_write .photolist { zoom: 1; margin: 0 -20px -10px 0; padding: 0; }
.tb_write .photolist:after { display: block; clear: both; content: ''; }
.tb_write .photolist li { float: none; margin: 0 10px 10px 0; }
.tb_write .photolist li img { max-width: 733px; }
/*! 2018-08-31 lim.cheolho */
#tab-content-comment { margin-top: 0; }
._comment-content-wrap { margin-top: 50px; }
/*! Celeb top 2018-09-10 lim.cheolho */
.wrap_celeb_top { margin-bottom: 55px; padding: 41px 65px 44px; background-color: #f0f0f0; }
.wrap_celeb_top .celeb_list li { position: relative; min-height: 72px; margin-top: 12px; padding-top: 3px; }
.wrap_celeb_top .celeb_list li:first-child { margin-top: 0; }
.wrap_celeb_top .celeb_list .picture { position: absolute; top: 50%; left: 0; margin-top: -37.5px; }
.wrap_celeb_top .celeb_list .picture .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/common/mask_celeb.png) no-repeat; background-size: 100% 100%; }
.wrap_celeb_top .celeb_list .picture img { width: 75px; height: 75px; }
.wrap_celeb_top .celeb_list .comment { display: block; margin-left: 112px; border: 1px solid #bebebe; border-radius: 4px; background-color: #fff; }
.wrap_celeb_top .celeb_list .comment dl { margin-left: -11px; padding: 15px 15px 15px 41px; color: #000; background: url(/images/common/bu_celeb.gif) 0 50% no-repeat; }
.wrap_celeb_top .celeb_list .comment dt { font-size: 13px; line-height: 15px; height: 18px; padding-left: 23px; background: url(/images/common/ico_celeb.png) no-repeat; }
.wrap_celeb_top .celeb_list .comment dd { font-size: 15px; line-height: 20px; margin-top: 3px; }
.wrap_celeb_top .celeb_paging { margin-top: 20px; margin-bottom: -13px; text-align: center; }
.wrap_celeb_top .celeb_paging a.prev { display: inline-block; overflow: hidden; width: 26px; height: 26px; vertical-align: middle; text-indent: -999em; background: url(/images/common/btn_celeb_prev.gif) no-repeat; }
.wrap_celeb_top .celeb_paging a.next { display: inline-block; overflow: hidden; width: 26px; height: 26px; vertical-align: middle; text-indent: -999em; background: url(/images/common/btn_celeb_next.gif) no-repeat; }
.wrap_celeb_top .celeb_paging span.page { display: inline-block; color: #3a3a40; }
.wrap_celeb_top .celeb_paging span.page strong { font-weight: 400; margin: 0 9px; }
.wrap_celeb_top .celeb_paging span.page span { margin: 0 -9px; }
.tb_info tr.celeb { background-color: #f8f8f8; }
.tb_info tr.celeb .writer { color: #000; }
.ico_id.celeb { background: url(/images/common/ico_celeb.png) no-repeat; }
.tb_write .mgr10 { margin-right: 10px; }
.tb_view .view_info .view_info_txt > strong .ico.celeb { background: url(/images/common/ico_celeb.png) no-repeat; background-size: 100% 100%; }
.tb_view .view_celeb { position: relative; min-height: 83px; margin-top: 12px; padding: 0 18px; }
.tb_view .view_celeb .picture { position: absolute; top: 0; left: 18px; }
.tb_view .view_celeb .picture .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/common/mask_celeb_white.png) no-repeat; background-size: 100% 100%; }
.tb_view .view_celeb .picture img { width: 75px; height: 75px; }
.tb_view .view_celeb .veiw_tit { padding-left: 90px; }
.tb_view .view_celeb .tb { display: table; width: 100%; }
.tb_view .view_celeb .cell { display: table-cell; height: 52px; vertical-align: middle; }
/*! 신청 템플릿 기능 추가 20190222 lee.eunhye */
.share-sns-wrap { position: relative; padding-top: 20px; padding-bottom: 20px; text-align: right; }
.share-sns-wrap .sns_list { bottom: 70px; }
.slelcttitle.select-type01 dd, .slelcttitle.select-type01 dt { float: none; width: 100%; }
.slelcttitle.select-type01 dt { padding: 0 16px 8px; }
.slelcttitle.select-type01 dt strong { font-weight: 700; color: #1b2637; }
.slelcttitle.select-type01 .select_box, .slelcttitle.select-type01 .selectoption { width: 852px; }
.explanation-added01 { font-size: 14px; font-weight: 400; padding-top: 3px; color: #9e9e9e; }
.slelcttitle.select-type01 .selecttxt { margin-right: 28px; padding-left: 16px; word-break: keep-all; }
.writeWrap .select_box, .writeWrap .selectoption { width: 852px; }
.writeWrap .selecttxt02 { word-break: keep-all; }
/*! //신청 템플릿 기능 추가 20190222 */
/*! #20882 광고 상품 조정 2019-05-23 lim.cheolho */
/* .fixedFooter #footer { position: fixed; z-index: 2; right: 0; bottom: 0; left: 0; background-color: #fff; }
.fixedFooter .onair_area.play_fixed .video_zone, .fixedFooter .video_trailer_wrap .trailer_video.play_fixed .video_zone, .fixedFooter .vod_player_wrap .player_zone.play_fixed .video_zone { bottom: 124px; }
body.footerOn.fixedFooter .onair_area.play_fixed .video_zone, body.footerOn.fixedFooter .video_trailer_wrap .trailer_video.play_fixed .video_zone, body.footerOn.fixedFooter .vod_player_wrap .player_zone.play_fixed .video_zone { bottom: 300px; } */
.guide2020 .sub h2.tit_h2:not(.no_mgt) { font-family: JTBC; font-size: 30px; font-weight: 900; width: auto; text-indent: 0; letter-spacing: -.9px; color: #2a2a2a; background: 0 0; }
.guide2020 .top_lnb_area .btn_buy_ticket span { width: auto; height: 20px; background: 0 0; }
.guide2020 .btn_buy_ticket .txt_buy_ticket span, .guide2020 .btn_buy_ticket .txt_buy_ticket strong { font-family: JTBC; font-size: 15px; line-height: 20px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: 20px; vertical-align: top; letter-spacing: -.3px; color: #2a2a2a; }
.guide2020 .top_lnb_area .btn_buy_ticket { height: 27px; padding-top: 7px; }
.guide2020 .btn_buy_ticket .txt_buy_ticket strong { font-weight: 900; padding-right: 4px; }
.guide2020 .btn_buy_ticket .txt_buy_ticket span { font-weight: 700; padding-right: 10px; }
.guide2020 .btn_buy_ticket .ico_buy_ticket { display: inline-block; width: 8px; height: 20px; vertical-align: top; background: url(/images/vod/sprites_txt_buyticket_x2.png) 0 center no-repeat; background-size: 7px auto; }
.guide2020 .my_ticket a .ico_calendar, .guide2020 .tab_date_select li a .ico_calendar { background-image: url(/images/spot/ico_calendar02_x2.png); background-position: 0 0; background-size: 21px auto; }
.guide2020 .my_ticket a:hover .ico_calendar, .guide2020 .tab_date_select li a:hover .ico_calendar { background-image: url(/images/spot/ico_calendar01_x2.png); background-position: 0 0; background-size: 21px auto; }
.guide2020 a.btn_replay .ico_air { background-image: url(/images/spot/ico_air02_x2.png); background-position: 0 0; background-size: 20px auto; }
.guide2020 a.btn_replay:hover .ico_air { background-image: url(/images/spot/ico_air01_x2.png); background-position: 0 0; background-size: 20px auto; }
.guide2020 .lnb_sns_list > li > a .ico { width: 24px; height: 24px; margin: -12px 0 0 -11px; }
.guide2020 .lnb_sns_list > li.sns01 > a .ico { background-image: url(/images/common/ico_twt_off_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns01 > a:hover .ico { background-image: url(/images/common/ico_twt_on_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns02 > a .ico { background-image: url(/images/common/ico_fb_off_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns02 > a:hover .ico { background-image: url(/images/common/ico_fb_on_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns03 > a .ico { background-image: url(/images/common/ico_ytb_off_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns03 > a:hover .ico { background-image: url(/images/common/ico_ytb_on_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns05 > a .ico { background-image: url(/images/common/ico_np_off_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .lnb_sns_list > li.sns05 > a:hover .ico { background-image: url(/images/common/ico_np_on_x2.png); background-position: 0 0; background-size: 24px auto; }
.guide2020 .sitemap_wrap h3 strong { font-family: JTBC; font-size: 20px; font-weight: 900; text-indent: 0; letter-spacing: 0; color: #2a2a2a; background: 0 0; }
.guide2020 .sitemap_wrap .tit_sitemap { font-family: JTBC; letter-spacing: -.3px; color: #2a2a2a; }
.guide2020 .sub .sitemap_wrap .tit_sitemap .tit_h2 { font-size: 40px; letter-spacing: -.3px; }
.guide2020 .sitemap_wrap .tit_sitemap .copy { font-size: 20px; font-weight: 500; letter-spacing: -.3px; }
.ie.guide2020 .sitemap_wrap .tit_sitemap .copy { font-size: 21px; }
/*! 신규 광고 배너 2021-02-02 lim.cheolho@jtbc.co.kr */
.onair-ad-schedule { position: absolute; bottom: -1px; left: -1px; background-color: #fff; }
.onair-ad-schedule:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 1px solid #eaeaea; }
.onair-ad-schedule > div { position: relative; }
.onair-ad-schedule iframe { display: block; }
.onair-ad-left { display: none; position: absolute; top: 0; left: -220px; overflow: hidden; width: 200px; height: 200px; background-color: transparent; }
.onair-ad-left iframe { display: block; }
#wrap.onair { min-width: 1725px; margin: 0 auto; }
/*! 댓글신고 2022-03-29 */
.input_radio_v2 { position: relative; display: inline-block; margin: 0 21px 0 0; }
.input_radio_v2 input { line-height: 1; position: absolute; top: 1px; left: 0; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; opacity: 0; border: none; border-radius: 0; outline: 0; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_radio_v2 label { font-family: 'Noto Sans KR'; font-weight: 400; padding-left: 26px; cursor: pointer; vertical-align: middle; color: #666; }
.input_radio_v2 label::before { position: absolute; top: 3px; left: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 18px; height: 18px; margin-top: 0; margin-right: 4px; content: ''; border: 1px solid #ddd; border-radius: 50%; }
.input_radio_v2 input:checked + label::before, .input_radio_v2 input:focus + label::before { border-color: #e62d87; }
.input_radio_v2 input:checked + label::after { position: absolute; top: 8px; left: 5px; display: inline-block; width: 8px; height: 8px; content: ''; border-radius: 50%; background: #e62d87; }
.input_radio_v2 input:disabled + label::before { border-color: #797d84; }
.input_radio_v2 input:disabled + label::after { position: absolute; top: 8px; left: 5px; display: inline-block; width: 8px; height: 8px; content: ''; border-radius: 50%; background: #797d84; }
.input_radio_v2.news input:checked + label::before, .input_radio_v2.news input:focus + label::before { border-color: #00286e; }
.input_radio_v2.news input:checked + label::after { background: #00286e; }
.wing_wrap .left_wing { position: absolute; left: -180px; overflow: visible; }
.wing_wrap .right_wing { position: absolute; right: -180px; overflow: visible; }
.wrap_onair_top .wing_wrap .left_wing, .wrap_onair_top .wing_wrap .right_wing, .vod_player_area .wing_wrap .left_wing, .vod_player_area .wing_wrap .right_wing { top: 0; }
#content { position: relative; }
#content .wing_wrap .left_wing, #content .wing_wrap .right_wing { top: 40px; }
#content .wing_wrap.sticky .left_wing, #content .wing_wrap.sticky .right_wing { margin-top: 40px; }
/*! 댓글 & 답글 - 리스트 - 컨텐츠 - 정보 */
.user_id { font-size: 14px; font-weight: 700; display: inline-block; margin-right: 8px; vertical-align: middle; color: #2a2a2a; }
.user_icon { display: inline-block; overflow: hidden; width: 14px; height: 14px; margin-right: 4px; vertical-align: middle; text-indent: -999px; background-repeat: no-repeat; background-position: 0 0; background-size: 14px; }
.user_icon.apple { background-image: url(/images/comment/ico_apple.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.apple { background-image: url(/images/comment/ico_apple@2x.png); } }
.user_icon.facebook { background-image: url(/images/comment/ico_fb.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.facebook { background-image: url(/images/comment/ico_fb@2x.png); } }
.user_icon.joins { background-image: url(/images/comment/ico_joins.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.joins { background-image: url(/images/comment/ico_joins@2x.png); } }
.user_icon.jtbc { background-image: url(/images/comment/ico_jtbc.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.jtbc { background-image: url(/images/comment/ico_jtbc@2x.png); } }
.user_icon.kakao { background-image: url(/images/comment/ico_kakao.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.kakao { background-image: url(/images/comment/ico_kakao@2x.png); } }
.user_icon.twitter { background-image: url(/images/comment/ico_tw.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.twitter { background-image: url(/images/comment/ico_tw@2x.png); } }
.user_icon.naver { background-image: url(/images/comment/ico_naver.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.naver { background-image: url(/images/comment/ico_naver@2x.png); } }
.user_icon.admin { background-image: url(/images/comment/ico_admin.png); }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .user_icon.admin { background-image: url(/images/comment/ico_admin@2x.png); } }

/*# sourceMappingURL=sourcemap/jtbc-common.css.map */