/*인사말*/

/* 서브메뉴 2칸짜리 */
.sub_menu ul{overflow:hidden;width:100%;}
.sub_menu ul li{float:left; width:50%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu ul li.sub_menu_first{border-left:0px;}
.sub_menu ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu ul li.first{border-left:none;}
.sub_menu ul li.odd {width:calc(50% + 1px);}

/* 서브메뉴 3칸짜리 */
.sub_menu3 ul{overflow:hidden;width:100%; }
.sub_menu3 ul li{float:left; width:33.333333%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu3 ul li.sub_menu_first{border-left:0px;}
.sub_menu3 ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu3 ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu3 ul li.first{border-left:none;width:33.333334%;}

/* 서브메뉴 4칸짜리 */
.sub_menu4 ul{overflow:hidden;width:100%; }
.sub_menu4 ul li{float:left; width:25%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu4 ul li.sub_menu_first{border-left:0px;}
.sub_menu4 ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu4 ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu4ul li.first{border-left:none;}

/* 서브메뉴 5칸짜리 */
.sub_menu5 ul{overflow:hidden;width:100%; }
.sub_menu5 ul li{float:left; width:20%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu5 ul li.sub_menu_first{border-left:0px;}
.sub_menu5 ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu5 ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu5 ul li.first{border-left:none;}
.sub_menu5:after {content:""; display:block; clear:both;}

/* 서브메뉴 6칸짜리 */
.sub_menu6 ul{overflow:hidden;width:100%; }
.sub_menu6 ul li{float:left; width:16.666%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu6 ul li.sub_menu_first{border-left:0px;}
.sub_menu6 ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu6 ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu6 ul li.first{border-left:none;}
.sub_menu6:after {content:""; display:block; clear:both;}


a.no_li {cursor:default;}
/*.sub_menu3 ul li.odd {width:calc(50% + 1px);}*/


/*프로덕트 결합상품조회*/
.h1_line {height:1px; background:#ccc;margin:20px 0;}

/* 로그인 */
.login_area{width:70%; margin:0 auto; padding-top:40px}
.login_area input[type="text"], .login_area input[type="password"] {margin:0 0 5px 0; height:45px; line-height:45px; width:99.5%; width:clac(100% - 2px);}
.login_area .acount_link {float:right; padding:5px 0 0 0;}
.login_area .acount_link a:first-child {padding-right:12px; margin-right:7px; background:url(../img/line01.gif) no-repeat right 50%; background-size:1px 14px;}
.login_area .auto_login {display:inline-block; padding:5px 0 0 0; color:#333;}
.login_area .auto_login input {margin:-2px 3px 0 0;}
.login_area .btn_big {background:#40af49;}
.join_link {width:75%; margin:40px auto;}
.join_link p {padding:20px 0 0 0; font-size:12px; color:#666; text-align:center;}
.find_id input[type="text"] {margin:0 0 5px 0; height:45px; line-height:45px; width:99.5%; width:clac(100% - 2px);}
.find_id p {padding:3px 0 8px 0;}
.find_id span {display:block; padding:3px 0 5px 0; color:#999; font-size:12px;}

.login_txt {width:70%; margin:0 auto; padding:20px 0;}
.login_txt ul li.red_txt p {color:#ff1f1f; font-size:13px; line-height: 21px;}
.login_txt ul li.spam_input {margin-top:10px;}
.login_txt ul li.spam_input input {height:40px; width:100%; margin-bottom:5px;}
.login_txt ul li.spam_input em {color:red; font-weight:bold;}

/* 회원가입 */
.join_area{width:92%; margin:0 auto; padding:4% 0}
.join_area input[type="text"], .join_area input[type="password"] {margin:0 0 5px 0; height:45px; line-height:45px; width:99.5%; width:calc(100% - 2px);}
.join_area select {border:1px solid #ccc; color:#999; height:45px; padding:0;margin:0;background:#fff;}
.join_area select.txt01{margin:0 0 5px 0; width:33.333%; width:calc(33.3333333% - 2px);}
.join_area select.txt02{margin:0 5px 5px; width:33.333%; width:calc(33.3333333% - 11px);}
.join_area select.txt03{margin:0 0 5px 0; width:33.333%; width:calc(33.3333333% - 2px);}
.join_area span{color:#000;font-family:'nanumB'; height:40px; line-height:40px;}

.join_area select.txt04{margin:0 0 5px 0; width:99.5%; width:calc(100% - 2px);}

.agree li{border-bottom:1px solid #cecac2; padding:0 4%;height:50px; line-height:50px; }
.agree li a.btn_agree{display:block; background:url(../img/agree_off.png) no-repeat 100% 50%; background-size:30px 30px; height:50px; line-height:50px; margin-top:-50px;}
.agree li a:active.btn_agree{background:url(../img/agree_on.png) no-repeat 100% 50%; background-size:30px 30px;}
.agree li a.view{color:#000; font-family:'nanumB';}

.join_ok{width:92%; height:300px; border:1px solid #e5e5e5; text-align:center; margin:50px auto;}
.join_ok .logo{margin:50px 0 0 0;}
.join_ok .tt{font-size:20px; margin:40px 0 0 0; color:#000;}
.join_ok .tt span{display:block; font-size:16px; margin-top:10px;}


/*본인인증*/
section.join_n {width:92%;padding:0 4%;display:block;margin-bottom:30px; }/*height:390px;*/
section.join_n:after{content:""; display:block; clear:both;}


/* 회원정보수정 */
.input_list_type01 {cecac2}
.input_list_type01 li {position:relative; margin:0; clear:both; overflow:hidden;}
.input_list_type01 li:first-child {margin-top:0;}
.input_list_type01 li label.label_form {position:absolute; top:13px; left:3%;}
.input_list_type01 li input {width:99%; width:calc(100% - 2px); text-indent:100px; padding:0; border-top:0;}
.input_list_type01 li input.addr_view {text-align:-1px;}
.input_list_type01 li select {width:100%; text-indent:100px; padding:0; border-top:0; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.input_list_type01 li select::-ms-expand {display: none;}
.input_list_type01 li input[type="date"] {width:99%; width:calc(100% - 2px); text-indent:100px; border-top:0; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.input_list_type01 li input[type="date"]::-ms-expand {display: none;}
.input_list_type01 li .fill {width:69.68; width:calc(100% - 102px); background:#fff; padding-left:100px; height:43px; line-height:43px; border:1px solid #cecac2; vertical-align: middle;  border-radius:0; box-shadow:none; border-top:0;}
.input_list_type01 li .fill label {margin:0 15px 0 0;}
.input_list_type01 li:first-child {border-top:1px solid #cecac2;}
.input_list_type01 .btn_logout {position:absolute; top:6px; right:3%; width:70px; height:31px; line-height:31px; color:#fff; text-align:center; background:#6a747d;}
.input_list_type01 .btn_leave {position:absolute; top:6px; right:3%; width:70px; height:31px; line-height:31px; color:#fff; text-align:center; background:#333;}
.input_list_type01 .btn_confirm {position:absolute; top:6px; right:3%; width:90px; height:31px; line-height:31px; color:#fff; text-align:center; background:#6a747d;}
.input_list_type01 li select.bullet_on {background:#fff url(../img/bullet_sel.png) no-repeat 96% 50%; background-size:10px auto;}

/* 정회원인증 */
.con .mem_01{background:url("../img/ic_mem02.png") no-repeat 20px 20px; background-size:30px; border:1px solid #cecac2; padding:20px 20px 20px 70px; margin-top:10px;}
.con .mem_02{background:url("../img/ic_mem01.png") no-repeat 20px 20px; background-size:30px; border:1px solid #cecac2; padding:20px 20px 20px 70px; margin-top:10px;}

.box01{background:#f8f8f8; padding:15px 20px; border-top:1px solid #434159; border-bottom:1px solid #434159;}
.box01 dl{overflow:hidden; line-height:24px;}
.box01 dl dt{float:left; display:block; width:25%; color:#333; font-family:"nanumB"; line-height:24px;}
.box01 dl dd{float:left; width:75%; line-height:24px;}
.box01 > .select{border:1px solid #ccc; color:#666; height:30px;  border-radius:3px; margin-bottom:5px; padding:0;background:#fff; font-size:12px;}

.box01_n{background:#f8f8f8; padding:15px 5px; border-top:1px solid #434159; border-bottom:1px solid #434159;}
.box01_n dl{overflow:hidden; line-height:24px;}
.box01_n dl dt{float:left; display:block; width:25%; color:#333; font-family:"nanumB"; line-height:24px;}
.box01_n dl dd{float:left; width:75%; line-height:24px;}
.box01_n > .select{border:1px solid #ccc; color:#666; height:30px;  border-radius:3px; margin-bottom:5px; padding:0;background:#fff; font-size:10px;margin-left:0px;}


.box02{background:#fff; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.box02 .last{border-bottom:0 solid #d5d5d5;}

/* 게시판 */
ul.board_list {margin:0 0 20px 0; border-top:1px solid #ddd; padding-top:10px;}
ul.board_list h3{font-size:16px; color:#333; line-height:1.5; letter-spacing:-0.5px;}
ul.board_list h3.news {font-size:16px; color:#333;margin:100px 0 0 25px;width:100%;}
ul.board_list li {border-bottom:1px solid #ddd; background:#fff}
ul.board_list li.more{background:#fff url("../img/list_arrow2.png") no-repeat 96% 30px; background-size:20px;}
ul.board_list li a {display:block; padding:15px 4%; margin:0 0 0 0; width:92%; }/*margin:0 4% 0 0; width:88%;*/
ul.board_list li p {margin:4px 0 0 0; color:#666}
ul.board_list li p span {padding:0 6px 0 0; margin:0 6px 0 0;}
ul.board_list li ul{margin:0 20px 30px 20px;}
ul.board_list li ul li{line-height:24px; padding:12px 0;}
ul.board_list li ul li p{color:#333; font-size:15px; }
ul.board_list li ul li span {padding:0 6px 0 0; margin:0 6px 0 0;  color:#999}
ul.board_list .bg{background:#f8f8f8;}
ul.board_list .bg h3{color:#000; }
ul.board_list .bg p{color:#333; font-family:"nanumB, Roboto";}
ul.board_list .bg span{float:right; text-align:right; display:inline-block;}
ul.board_list .bg span.price{ font-size:15px; color:#e83d45; font-weight:bold;}

ul.my_list h3{color:#000; }
ul.my_list {margin:0 0 20px 0; border-top:1px solid #ddd; padding-top:10px;}
ul.my_list li{border-bottom:1px solid #ddd; background:#fff}
ul.my_list li a {display:block; padding:15px 4%; width:92%; }
ul.my_list p{color:#333; font-family:"nanumB, Roboto";}
ul.my_list span{float:right; text-align:right; display:inline-block;}
ul.my_list span.price{ font-size:15px; color:#e83d45; font-weight:bold;}

.board_view h3, .board_view p {border-bottom:1px solid #ccc; padding:15px 4%; background:#f9f9f9;}
.board_view h3 {border-top:1px solid #ccc;}
.board_view p.date {clear:both; text-align:right;}
.board_view p.date span {float:left;}
.board_view p.txt {background:#fff; margin:0 0 20px 0;}

/* 계약상품조회 */
.useType{overflow:hidden; margin:10px 0; border-bottom:1px solid #d5d5d5; padding:10px 0 20px 0}
.useType dl{float:left; width:100%; overflow:hidden; border-top:1px dashed #d5d5d5; padding:10px 0 0 0; margin:10px 0 0 0; line-height:24px;}
.useType dl dt{display:block; float:left; width:70px; color:#333}
.useType .inner_left{float:left; position:relative; padding-left:70px;}
.useType .inner_left.pro01{background:url("../img/ic_useType01.png") no-repeat 0 0; background-size:45px;}
.useType .inner_left.pro02{background:url("../img/ic_useType02.png") no-repeat 0 0; background-size:45px;}
.useType .inner_left.pro03{background:url("../img/ic_useType03.png") no-repeat 0 0; background-size:45px;}
.useType .inner_left.pro04{background:url("../img/ic_useType04.png") no-repeat 0 0; background-size:45px;}
.useType .inner_left.ser01{background:url("../img/ser01_Type01.png") no-repeat 0 0; background-size:60px;}
.useType .inner_left p.title{font-size:20px; font-family:"nanumB"; color:#333; margin:0 0 10px 0;}
span.price{font-size:24px; color:#e83d45; font-family:"Roboto"; font-weight:bold;}

.useType2{overflow:hidden; margin:10px 0; border-bottom:1px solid #d5d5d5; padding:10px 0 20px 0}
.useType2 .inner_left{float:left; width:100%; position:relative; background:url("../img/list_arrow-.png") no-repeat 100% 20px; background-size:15px;}
.useType2 .inner_left p.title{font-size:18px; font-family:"nanumB"; color:#333; margin:0 0 10px 0;}
.useType2 .inner_left span.price{font-size:24px; color:#e83d45; font-family:"Roboto"; font-weight:bold;}

/*부가서비스안내 버튼*/
.useType2 .inner_left .btn_view{display:inline-block; text-decoration:none; vertical-align:middle; position:absolute; right:4%;top:5%;}
.useType2 .inner_left .btn_view span{display:inline-block; float:left; padding:5px; line-height:12px;-webkit-border-radius:5px;border-radius:5px;  font-size:11px; text-align:center; text-decoration:none; cursor:pointer}


.useType3{overflow:hidden; margin:10px 0; border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5; padding:10px 0 20px 0}
.useType3 dl{float:left; width:100%; overflow:hidden; border-top:1px dashed #d5d5d5; padding:10px 0 0 0; margin:10px 0 0 0; line-height:24px;}
.useType3 dl.pop{ border-bottom:1px dashed #d5d5d5; padding:10px 0; margin:20px 0 0 0; line-height:30px;}
.useType3 dl:first-child{border-top:none; padding:0 0 0 0; margin:10px 0 0 0; line-height:24px;}
.useType3 dl dt{display:block; float:left; width:25%; color:#333}
.useType3 dl dd{width:75%;margin-left:30% }


/* 쿠폰관리 */
.coupon{overflow:hidden; width:100%; margin-top:30px; }
.coupon li{float:left; background:url("../img/coupon_bg.png") no-repeat 0 0; background-size:100%; width:48%; height:195px; margin:0 0 4% 4%; text-align:center;}
.coupon li:first-child{margin-left:0;}
.coupon li.none{margin-left:0;}
.coupon li p.txt01{font-size:24px; color:#333; letter-spacing:-1px; margin:10% 0 15% 0; font-family:"nanumB";line-height:26px;}
.coupon li p.txt02{font-size:16px; color:#e83d45; letter-spacing:-1px; margin:5% 0 5% 0;}
.coupon li span.txt03{font-size:13px; color:#999; letter-spacing:-1px; }
.coupon li p.txt04{font-size:24px; color:#999; letter-spacing:-1px; margin:25px 0 30px 0; font-family:"nanumB";}
.coupon li p.txt05{font-size:16px; color:#999; letter-spacing:-1px; margin:10px 0 15px 0;}

/* faq */
.search_area {position: relative;width: 100%;margin: 0 auto;}
.search_area .input_txt {display: block;width: 100%;height: 40px;}
.search_area .input_txt input {width: 100%;height: 36px;border: 2px solid #222;color: #999; line-height: 36px;}
.search_area .btn.btn_search {position: absolute;top: 0;right: -5px;min-width:60px; height: 36px;margin: 0;border-radius: 0;}/*min-width로 수정함*/
button.btn.btn_search {min-width: 60px;height: 34px;line-height: 36px;}
.search_area .btn.btn_search {min-width: 60px;height: 40px;background-color: #333;color: #fff;line-height: 40px; font-size:15px}
.search_area .btn {display: inline-block;min-width: 128px; padding: 0 15px;border: 1px solid #333;border-radius: 3px;background-color: #fff;color: #333;text-align: center;line-height: 36px;vertical-align: middle;cursor: pointer;transition: border .5s, background .5s, color .5s;}
.search_area p {margin:8px 0 0 0;}
.search_area p span{margin:0 5px; text-decoration:underline; color:#999}

.category{overflow:hidden; margin-top:20px}
.category li{display: block; float:left; text-align:center; font-size:12px;}
.category li.on a{font-family:"nanumB"; color:#333}
.category li span{margin:0 6px;}

/* faq-tab */
.faq-box > div {display:none; margin-top:5px; border-top:1px solid #838383;}
.faq-box > div.on {display:block;}
.faq-box > div ul li {border-bottom:1px solid #ebebeb;}
.faq-box > div ul li a {display:block; padding:10px 20px 10px 50px; color:#333; font-weight:400; background:url("../img/ico_q.png") no-repeat 10px center;}
.faq-box > div ul li div {display:none; padding:10px 20px 10px 50px; color:#666; font-size:12px; border-top:1px solid #ebebeb; background:#f4f4f6 url("../img/ico_a.png") no-repeat 10px 10px;}
.faq-box > div ul li div p {color:#666; font-size:14px; font-weight:400;}

.faq-box > div ul li div img.w100_faq {width:100%;}

/*가입상담리스트*/
.tit_box{background: #fafafa;}
.faq-box > div ul li a h3.txt1{width:8%;float:left;text-align:center;    background: #fafafa;}
.faq-box > div ul li a h3.txt2{width:50%;float:left;text-align:center;    background: #fafafa;}
.faq-box > div ul li a h3.txt3{width:20%;float:left;text-align:center;    background: #fafafa;}
.faq-box > div ul li a h3.txt4{width:22%;float:left;text-align:center;    background: #fafafa;}

.faq-box > div ul li a h4.txt1{width:8%;float:left;text-align:center;color:#666;}
.faq-box > div ul li a h4.txt2{width:50%;float:left;text-align:left;color:#333;font-family:"nanumB";}
.faq-box > div ul li a h4.txt3{width:20%;float:left;text-align:center;color:#666;}
.faq-box > div ul li a h4.txt4{width:22%;float:left;text-align:center;color:#666;}
.faq-box > div ul li a:after{content:""; display:block; clear:both;}

.txt_re{margin:10px 0; font-size:12px;}
p.ss{position:relative; font-size:13px; color:#e83d45; letter-spacing:-1px; margin:10px 0 0 0;}
.con .search{position:relative; overflow:hidden; margin-top:10px;}


/*캐치온*/
.catchon #bbs_view01 {border-top: 2px solid #3171bb;}
.catchon .board-tp-01 {table-layout:fixed;width:100%;border:1px solid #cfcfcf; margin-top:0px; font-size:13px;}
.catchon ul.u_tit01 li{padding:4px 0 0 12px; line-height:22px; background:url("../img/ic_01.png") no-repeat 0 12px;}
.catchon ul.u_tit01 li{padding:4px 0 0 12px; line-height:22px; background:url("../img/ic_01.png") no-repeat 0 12px;}
.p_u_tit01 {font-family:"nanumB";font-size:15px;padding:4px 0 0 12px; line-height:22px; background:url("../img/ic_01.png") no-repeat 0 10px;}

/* 피해예방가이드 */
.u_tit2{font-size:17px; color:#333; margin:30px 0 0 0; font-family:"nanumB";}
.u_tit{font-size:15px; letter-spacing:-1px; margin:30px 0 0 0;  font-family:"nanumB"; color:#3171bb;}
ul.u_tit01 li{padding:4px 0 0 12px ; line-height:22px; background:url("../img/ic_01.png") no-repeat 0 12px;}

ul.u_tit02 li{padding:8px; 0 0 0; line-height:22px; background:url("../img/ic_02.png") no-repeat 0 18px;}

.info_table > table {width:100%; margin-top:10px; font-size:13px; border:1px solid #ccc;}
.info_table > table caption{font-size:0; line-height:0; position:absolute;}
.info_table > table th {font-weight:normal; height:36px; line-height:36px; color:#333; background:#f8f8f8; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.info_table > table td {padding:2% 2%; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}

.map{margin:30px 0 20px 0; line-height:24px}

.board-tp-01 {table-layout:fixed;width:100%;border:1px solid #cfcfcf; margin-top:5px; font-size:13px;}
.board-tp-01 caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.board-tp-01 tr th {font-family:Roboto, 'nanumB', '나눔고딕', sans-serif; background:#f4f4f4; padding:6px; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; color:#333;}
.board-tp-01 tr th.first {border-left:none;}
.board-tp-01 tr td {border-bottom:1px solid #cfcfcf; padding:6px;text-align:center; border-left:1px solid #cfcfcf;}
.board-tp-01 tr td.first {border-left:none;}
.board-tp-01 tr td.left2 {text-align:left;padding-left:8px;}
.txt_tip{position:absolute; width:92%; display: block; margin-top:-20px; font-size:12px; text-align:right;}
.txt_point{color:#1e5aa0; font-size:12px;}
.board-tp-01 tr td {position:relative;}
.board-tp-01 input[type="checkbox"] {position: absolute;top: 50%;  left: 50%; width: 20px; height:20px;  vertical-align: middle;margin:-10px 0 0 -10px;}


/*digital*/
.digital p.title_top{font-size:18px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
.digital p.title{font-size:18px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
.digital p{margin: 0 0 10px 0}
.digital p.txt{font-size:0.9em;margin:10px 0 30px;}



/* vod */
.vod p.txt {font-size:0.9em;margin:10px 0 20px;border:1px solid #cfcfcf;padding:10px;}

.gall_box li{overflow:hidden; border-top: 1px solid #dfe1e2; padding:10px 0;}
.gall_box li img.img1 {float:left; padding: 0 4% 0 0; display:inline-block; width:30%; height:100%;}
.gall_box li dl {float:left; display:inline-block; width:66%}
.gall_box li dl dt {font-family: 'NBGothicB';color:#222; font-size:18px; color:#222; padding: 0 0 10px 0; margin:0 0 10px 0; }
.gall_box li dl dd span.tit{float: left;display:inline-block; width:22%; color:#222; font-family: 'NBGothicB';background:url('../img/ic_01.png') no-repeat 0 5px; padding-left:4%;}
.gall_box li dl dd span.txt{float: left;display:inline-block; width:74%;}
.gall_box .btn_vod{display:inline-block; text-decoration:none; vertical-align:middle; position:absolute; right:4%;}
.gall_box .btn_vod span{display:inline-block; float:left; padding:5px; line-height:12px;-webkit-border-radius:5px;border-radius:5px;  font-size:11px; text-align:center; text-decoration:none; cursor:pointer}
.topline{border-top: 1px solid #dfe1e2;}

.vod_link {width:75%; margin:5px auto;}

.si_wrap {width:99%; width:calc(100% - 22px); padding:10px;border:1px solid #dfdfe1;font-size:13px;background:#f9f9f9;height:50px;overflow-y:scroll}
p.si_tit {font-family:"nanumB"; color:#333; font-size:15px;margin:0 0 0 0;padding-bottom:5px;}

.thum_mz {position:absolute; left:4%;top:55px; z-index:10;height:12%}
.thum_mz img {height:50%;}
/*vod 안내 */

 #container > section > ul.vod > li > img{width:60px;}

 #container > section > ul.vod   {position:relative; padding:0;width:100%;height:450px;}
 #container > section > ul.vod  > li {float:left;position:relative; width:100%; margin:0 0 10px 0px;height:70px;}
 #container > section > ul.vod  > li img{position:absolute; left:0;}
 #container > section > ul.vod  > li p {padding-left:70px;font-size:13px; }
 #container > section > ul.vod  > li p span{font-family:"nanumB"; color:#3171bb; font-size:15px;}



/* VOD 이용안내 */
.vodPage .free_desc img.icon01{vertical-align:top;margin:-2px 2px 0;}
.vodPage .free_desc img.icon02{vertical-align:top;margin:-2px 5px 0;}
.vodPage .free_desc img.icon03{vertical-align:top;margin:-4px 5px 0;}
.vodPage .vod_guide01{margin-top:19px;padding:0 4% 19px 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_guide01 li h4{margin-bottom:15px;}
.vodPage .vod_guide01 li h4 img{vertical-align:middle;}
.vodPage .vod_guide01 li{padding:25px 0 19px;border-bottom:1px solid #d9d9d9;}
.vodPage .vod_guide01 li ol{overflow:hidden;}
.vodPage .vod_guide01 li li{width:100%;padding:0;border-bottom:none;text-align:center;padding:0 0 20px 0;}/*float:left;padding-right:45px;background:url('../img/icon_arrow_next.gif') no-repeat 207px 41px;*/
.vodPage .vod_guide01 li li.last{width:100%;padding-right:0;background:none;}
.vodPage .vod_guide01 li li p{margin-top:9px;line-height:18px;}
.vodPage .guide_desc{margin-top:9px;}
.vodPage .guide_desc p{line-height:18px;padding-left:8px;background:url('../img/icon_red_arrow.gif') no-repeat 0 8px;}
.vodPage .vod_guide02{overflow:hidden;margin-top:19px;padding:25px 4% 7px 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_guide02 h4{margin:0 0 15px 83px;}
.vodPage .vod_guide02 .thum{float:left;margin-right:26px;}
.vodPage .vod_guide02 dl{float:left;}
.vodPage .vod_guide02 dt{margin-bottom:1px;font-weight:bold;color:#555;}
.vodPage .vod_guide02 dd{margin-bottom:20px;line-height:18px;}
.vodPage .vod_guide02 dd .btn{margin-top:4px;}

.vodPage .vod_guide03{margin-top:19px;padding:0 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_guide03 li{overflow:hidden;padding:25px 0 3px;border-bottom:1px solid #d9d9d9;}
.vodPage .vod_guide03 li:last-child{border-bottom:none;}
.vodPage .vod_guide03 li h4{margin-bottom:15px;}
.vodPage .vod_guide03 li h4 img{vertical-align:middle;}
.vodPage .vod_guide03 li .thum01{float:left;padding:0 47px 0 70px;}
.vodPage .vod_guide03 li .thum02{float:left;margin-right:24px;}
.vodPage .vod_guide03 li.guide_buy_list dl{width:350px;margin-bottom:4px;}
.vodPage .vod_guide03 li.guide_buy_list .thum02{float:left;width:320px;margin-right:10px;}
.vodPage .vod_guide03 li dl{float:left;}
.vodPage .vod_guide03 li dt{margin-bottom:1px;font-weight:bold;color:#555;}
.vodPage .vod_guide03 li dd{margin-bottom:18px;line-height:18px;}
.vodPage .vod_guide03 li ol{overflow:hidden;}
.vodPage .vod_guide03 li li{float:left;width:320px;padding:0;padding-right:38px;background:url('../img/icon_arrow_next.gif') no-repeat 330px 81px;border-bottom:none;}
.vodPage .vod_guide03 li li.last{padding-right:0;background:none;}
.vodPage .vod_guide03 li li p{margin-top:9px;line-height:18px;}
.vodPage .vod_guide03 li.remote{padding-bottom:23px;}
.vodPage .vod_guide03 li.remote dl{padding-top:11px;}
.vodPage .vod_guide03 li.remote dd{margin-bottom:8px;}
.vodPage .vod_guide03 li p.desc{margin:24px 0 5px;padding-left:8px;font-weight:bold;color:#de6800;background:url('../img/icon_red_arrow.gif') no-repeat 0 4px;}
.vodPage .vod_guide03 li.guide4 dl{width:100%;margin-bottom:4px;}
.vodPage .vod_guide03 li.guide4 dl img{width:100%;}

/* VOD 쿠폰/TV포인트 */
.vodPage .vod_coupon_tab{margin-top:30px;}
.vodPage .vod_coupon_tab li a{background:url('../img/vod_coupon_tab.gif') no-repeat left top;}
.vodPage .vod_coupon01{margin-top:10px;padding:18px 17px 14px 18px;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_coupon01 ul{overflow:hidden;margin-top:10px;}
.vodPage .vod_coupon01 li{padding:0 0 20px 0;text-align:center;}
.vodPage .vod_coupon01 li p{margin-top:8px;line-height:18px;}
.vodPage .vod_qna_box{margin-top:10px;}
.vodPage .vod_qna{padding:7px 4% 0 4%;border:1px solid #ddd;border-width:1px;}
.vodPage .vod_qna li{background:url('../img/vod_dotted_line.gif') repeat-x left bottom;}
.vodPage .vod_qna li.last{background:none;}
.vodPage .vod_qna dt{padding:15px 0 5px 20px;font-weight:bold;background:url('../img/icon_q.gif') no-repeat left 18px;}
.vodPage .vod_qna dd{padding:3px 0 13px 44px;color:#2c78ad;background:url('../img/icon_a.gif') no-repeat 20px 4px;}


/* VOD 서비스상품 */
.vod_s_text{display:inline-block;font-weight:normal;;font-size:10pt;color:#a9a9a9;line-height:1.6em;}
.pororoBanner{overflow:hidden;width:100%;}

/* VOD TV포인트 */
.vodPage .vod_point01{margin-top:10px;padding:4% 1px 14px 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_point01 ul{overflow:hidden;}
.vodPage .vod_point01 li{float:left;text-align:center;position:relative;padding:0 0 30px 0;}
.vodPage .vod_point01 li img{width:94%;}
/*.vodPage .vod_point01 li.left{float:left;padding:0 0px 30px 0;text-align:left;width:96%;}
.vodPage .vod_point01 li.first{float:left;padding:0 38px 0 0;background:url('../img/icon_arrow_next.gif') no-repeat 328px 100px;}
.vodPage .vod_point01 li.second{padding:0 0 52px 0;background:url('../img/icon_arrow_down.gif') no-repeat 150px 252px;}
.vodPage .vod_point01 li.third{float:left;padding:0 0 0 38px;background:url('../img/icon_arrow_prev.gif') no-repeat 10px 80px;}
.vodPage .vod_point01 li.first1{float:left;padding:0 38px 0 0;background:url('../img/icon_arrow_next.gif') no-repeat 328px 150px;}
.vodPage .vod_point01 li.second1{float:left;padding:0 0 52px 0;background:url('../img/icon_arrow_down.gif') no-repeat 150px 292px;}
.vodPage .vod_point01 li.third1{float:left;padding:0 0 0 38px;}*/
.vodPage .vod_point01 li p{margin-top:8px;line-height:20px;text-align:left;}
.vodPage .vod_point01 ul li.first{}

.vodPage .vod_point02{margin-top:10px;padding:4% 1px 4% 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_point02 ul{overflow:hidden;}
.vodPage .vod_point02 li{padding:0 4% 0 0;text-align:left;width:100%;}
.vodPage .vod_point02 li img{width:96%;}
.vodPage .vod_point02 li p{margin-top:8px;line-height:18px;}

.vodPage .vod_point03{margin-top:10px;padding:4% 1px 4% 4%;background:#fdfdfd;border:1px solid #dfdfe1;}
.vodPage .vod_point03 ul{overflow:hidden;padding:0px 0 0 0;}
.vodPage .vod_point03 li{float:left;width:46%;padding:0px 2% 2% 0;text-align:left;}
.vodPage .vod_point03 li img{width:100%;}
.vodPage .vod_point03 li.last{margin:none;}

/*vod 매거진*/

.mz_box {position:relative;background:url('../img/mz_img_bg_m.jpg') no-repeat 0 0;height:125px;background-size:100% auto;padding:30px 0 0 141px;margin:30px 0 0 0;}
.mz_box .txt1 {font-family:"NGothicB";font-size:27px;color:#fff;}
.mz_box .txt2 {font-family:"NGothic";font-size:14px;color:#fff;margin:5px 0 0 0;}
.mz_box .txt3 {margin:15px 0 0 0;}
.mz_box .txt3 a{font-family:"NGothicB";font-size:13.5px;color:#1a3d95;text-decoration:underline;}
.mz_box .txt3 a:hover{color:#fff;}



.mz_thum .bt_blue.mz01 { font-family:"NGothicB";font-size:13px;color: #fff;padding:0 10px;margin:10px 0 0 0;line-height:30px;border: 1px solid #1e5aa0;}
.mz_thum .bt_white.mz02 {font-family:"NGothicB"; font-size:13px;color: #1a3d95;padding:0 10px;margin:10px 0 0 5px;line-height:30px;border: 1px solid #999;}
.mz_thum a:hover .bt_blue.mz01 {text-decoration:underline;}
.mz_thum a:hover .bt_white.mz02 {text-decoration:underline;}




/*모바일*/
.ready_icon span {font-size:124px; color:#666; font-family:"nanumB";text-align:center;}



/* 결합상품 탭 */
div.tabM > ul.mon_tab {overflow:hidden;margin:20px 0;}
div.tabM > ul.mon_tab li {font-family:"nanumB"; float:left;width:25%;border-top:#ede9e7;height:48px;background-color: #ede9e7}
div.tabM > ul.mon_tab li a {font-size:14px;text-align:center;font-weight:bold;display:inline-block;padding-top:5px;height:46px;line-height:16px;width:100%;vertical-align:middle; cursor:pointer;}
div.tabM > ul.mon_tab li a.on {border-top:2px solid #1e5aa0;color:#000;background:#fffcursor:pointer;}

div.tabM > ul.mon_tab li a span.txt {font-size:12px;}
div.tabM > ul.mon_tab li > span {display:inline-block;height:100%;vertical-align:middle;margin-right:-3px;width:1px;position:relative;left: -1px;border-left: 1px solid #ddd}
*+html div.tabM > ul.mon_tab li > span {zoom:1}
div.tabM > ul.mon_tab li:first-child > span {left:0}
div.tabM > ul.mon_tab li.last {width:241px;border-right:1px solid #ddd}
div.tabM > ul.mon_tab li.on a {font-weight:bold;color:#000;background:#fff}
div.tabM > ul.mon_tab ul li a.on {background-color: #fff;font-weight:bold;color:#000;background:#fff}

div.tabM > ul > li > a.on  {font-weight:bold;color:#000;background:#fff}





/*digital
.contents h2.title {display: inline-block;font-size: 30px; color: #333;padding-top: 20px; font-family: "nanumB";background: url(../img/h2title.gif) no-repeat 50% 0;}
*/

/* board-view */

.vod_view > div.col > div {line-height:26px; letter-spacing:-0.5px; width:100%;}
.vod_view > div.col > div > table {width: 100%; table-layout: auto;}
.vod_view > div.col > div > table p span {line-height: 160%;}
.vod_view > div.col > div > p {line-height:26px; letter-spacing:-0.5px;}

.vod_view h3.tit {font-size:18px; color:#0088cc; font-family:"nanumB";}
.vod_view h3.tit2 {font-size:18px; color:#666; font-family:"nanumB";}
.vod_view h3.tit3 {font-size:18px; color:#333; font-family:"nanumB"; line-height:1.5; letter-spacing:0;}
.vod_view p.con_info {font-size:1em;color:#999;margin-top:5px;padding-bottom:10px;border-bottom: 1px solid #000;height:20px}
.vod_view div.con_info {font-size:1em;color:#999;margin-top:5px;padding-bottom:10px;border-bottom: 1px solid #000;height:30px}
.vod_view div.con_info .news_date {float:left;width:48%;padding:10px 0 0 0;}
.vod_view div.con_info .sns {float:right;width:48%;text-align:right}
.vod_view img {width:100% !important;}
.single_share_list {display:block;margin:9px 0 0 0;}
.single_share_list:after { content: ""; display: table; clear: both; }
.single_share_item {margin-left:10px; }
.single_share_item { display: block; float: right; width: 24px; height: 24px; background: 50% 50% no-repeat;}
.single_share_item.facebook { background-image: url(../img/icon-sns-facebook-off.svg); }
/*.single_share_item.facebook:hover { background-image: url(../img/icon-sns-facebook-on.svg); }*/
.single_share_item.instagram { background-image: url(../img/icon-sns-instagram-off.svg); }
/*.single_share_item.instagram:hover { background-image: url(../img/icon-sns-instagram-on.svg); }*/
.single_share_item.twitter { background-image: url(../img/icon-sns-twitter-off.svg); }
/*.single_share_item.twitter:hover { background-image: url(../img/icon-sns-twitter-on.svg); }*/
.single_share_item.naverblog { background-image: url(../img/icon-sns-blog-off.svg); }
/*.single_share_item.naverblog:hover { background-image: url(../img/icon-sns-blog-on.svg); }*/
.single_share_item.band { background-image: url(../img/icon-sns-band-off.svg); }
/*.single_share_item.band:hover { background-image: url(../img/icon-sns-band-on.svg); }*/
.single_share_item.kakaostory { background-image: url(../img/icon-sns-kakao-off.svg); }
/*.single_share_item.kakaostory:hover { background-image: url(../img/icon-sns-kakao-on.svg); }*/
.ir_img { font-size:0px; white-space: nowrap; overflow: hidden; }

.work .margin{padding:20px; bottom:36%}

.vod_view {background:#fff;}
.BD {border-top: 1px solid #ddd;}
.vod_view  table{width:100%;}
.vod_view  table caption{font-size:0; line-height:0; position:absolute;}
.vod_view  table * > tr > th {border-top:1px solid #e6e6e6; padding:8px 0 8px 10px; text-align:left;font-size:0.93em; font-weight:bold; color:#333; line-height:1.5;}
.vod_view  table * > tr > td {border-top:1px solid #e6e6e6; padding:8px 0 8px 0;  text-align:left;font-size:0.9em; }
.vod_view  table > thead th:after {content:''; display:inline-block; vertical-align:middle;}
.vod_view  table > thead th {font-size:16px; height:45px; line-height:50px; color:#0088cc; letter-spacing:-1px; text-align:left; font-family:"nanumB"; padding-left:30px;}

.btn_Info{background:#1e5aa0; color:#fff; font-family:"nanumB";}
.btn_Info a{color:#fff; }

/*AS*/
.as div.txt {font-size:0.9em;margin:10px 0 20px;border:2px solid #434159;padding:10px;background: #f8f8f8;}
.as p.txt {font-size:0.9em;margin:0 0 15px;border:1px solid #cfcfcf;padding:10px 10px; line-height:2.75em;}
.as p.title{font-size:18px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
.as div.txt span.tit{font-size:1.1em; color:#333; font-family:"nanumB"; line-height:1.75em;}

.self_img{background:#fff url(../img/self_img.jpg) no-repeat 0 0; width:100%; margin-top:30px}

/*JCN 정보*/
/*채널편성표*/
/* 서브메뉴 2칸짜리 */
.sub_menu ul{overflow:hidden;width:100%;}
.sub_menu ul li{float:left; width:50%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu ul li.sub_menu_first{border-left:0px;}
.sub_menu ul li a{display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}
.sub_menu ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu ul li.first{border-left:none;}
.sub_menu ul li.odd {width:calc(50% + 1px);}



.sub_menu2 {margin:10px 0 30px;padding:0 0 10px 1px; }/*overflow:hidden;*/
.sub_menu2 ul {overflow:hidden;width:100%;}
.sub_menu2 li{float:left; width:50%; height:40px; background:#fff; line-height:37px; box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub_menu2 li a {display:block; font-size:15px;color:#666;text-align:center; border-bottom:1px solid #ddd;}

.sub_menu2.tab-type04.fix_h {height:15px;}
.sub_menu2.tab-type04.fix_h li a{height:50px; line-height:20px; }


.sub_menu2 ul li.active > a{display:block; color:#000; border-bottom:2px solid #333;}
.sub_menu2 ul li.sub_menu_first{border-left:0px;}

.sub_menu2 li a.on{color:#fff; border-color:#7b7b7b; background:#7b7b7b; z-index:2;border-bottom:2px solid #7b7b7b;}


.sub_menu2.tab-type01 li {float:left;width:50%;margin-left:-1px; padding-bottom:8px;}
.sub_menu2.tab-type01 li:first-child {width:50%;}

.sub_menu2.tab-type03 li {float:left; width:33.3%; margin-left:-1px; padding-bottom:8px;}
.sub_menu2.tab-type03 li:first-child {width:33.3%;}

.sub_menu2.tab-type04 li {float:left; width:25%; margin-left:-1px; padding-bottom:8px;}
.sub_menu2.tab-type04 li:first-child {width:25%;}

.sub_menu2.tab-type05 li {float:left; width:50%; margin-left:-1px; padding-bottom:8px;}
.sub_menu2.tab-type05 li:last-child {width:100%;}

.tabM:after {content:""; clear:both; display:block;} 

/*광고안내*/

/* 광고안내 탭 */
div.tabM > ul.mon_tab2 {overflow:hidden;margin:20px 0;}
div.tabM > ul.mon_tab2 li {font-family:"nanumB"; float:left;width:33.3%;border-top:#ede9e7;height:48px;background-color: #ede9e7}
div.tabM > ul.mon_tab2 li a {font-size:14px;text-align:center;font-weight:bold;display:inline-block;padding-top:5px;height:46px;line-height:16px;width:100%;vertical-align:middle; cursor:pointer;}
div.tabM > ul.mon_tab2 li a.on {border-top:2px solid #1e5aa0;color:#000;background:#fffcursor:pointer;}

div.tabM > ul.mon_tab2 li a span.txt {font-size:12px;}
div.tabM > ul.mon_tab2 li > span {display:inline-block;height:100%;vertical-align:middle;margin-right:-3px;width:1px;position:relative;left: -1px;border-left: 1px solid #ddd}
*+html div.tabM > ul.mon_tab2 li > span {zoom:1}
div.tabM > ul.mon_tab2 li:first-child > span {left:0}
div.tabM > ul.mon_tab2 li.last {width:241px;border-right:1px solid #ddd}
div.tabM > ul.mon_tab2 li.on a {font-weight:bold;color:#000;background:#fff}
div.tabM > ul.mon_tab2 ul li a.on {background-color: #fff;font-weight:bold;color:#000;background:#fff}

div.tabM > ul > li > a.on  {font-weight:bold;color:#000;background:#fff}


#content1 > ul.u_tit01 > li > img{display:block;margin:20px 0 35px;}
#content1 > ul.u_tit01 > li {font-family:"nanumB";font-size:13px;line-height:1.8em;}
#content1 > ul.u_tit01 > li  span.txt1 {color:#3171bb;}/*#1e5aa0*/
#content1 > ul.u_tit01 > li  span.txt2 {color:#666;font-size:13px;font-family:"NGothic";line-height:1.1em;}
#content1 > ul.u_tit01 > li  span.txt3 {color:#3171bb;font-size:13px;font-family:"NGothic";line-height:1.1em;}

#content1 > ul.u_tit01 > li {position:relative;}
#content1 > ul.u_tit01 > li span.TXR {text-align:right;position:absolute;right:5px;top:15px;}

#content1 > ul > li > table.jcn_05 > tbody > tr > th {font-size:14px;text-align:center;padding:5px;}
#content1 > ul > li > table.jcn_05 > tbody > tr > td {font-size:14px;padding:5px;}
#content1 > ul > li > table.jcn_05 > tbody > tr > td.TXL {font-size:14px;padding:5px 10px 5px;text-align:left;}



#content3 > ul.u_tit01 > li > img{display:block;margin:20px 0 35px;}
#content3 > ul.u_tit01 > li {font-family:"nanumB";font-size:16px;line-height:1.8em;}
#content3 > ul.u_tit01 > li  span.txt1 {color:#3171bb;}/*#1e5aa0*/
#content3 > ul.u_tit01 > li  span.txt2 {color:#666;font-size:13px;font-family:"NGothic";line-height:1.1em;}
#content3 > ul.u_tit01 > li  span.txt3 {color:#3171bb;font-size:13px;font-family:"NGothic";line-height:1.1em;}

#content3 > ul.u_tit01 > li {position:relative;}
#content3 > ul.u_tit01 > li span.TXR {text-align:right;position:absolute;right:5px;top:15px;}

#content3 > ul > li > table.jcn_05 > tbody > tr > th {font-size:14px;text-align:center;padding:5px;}
#content3 > ul > li > table.jcn_05 > tbody > tr > td {font-size:14px;padding:5px;}
#content3 > ul > li > table.jcn_05 > tbody > tr > td.TXL {font-size:14px;padding:5px 10px 5px;text-align:left;}

/* 회원가입 */
.join {margin:0 4%; padding:0 0 20px 0; width:92%;}
.join h3 {padding:0 0 3px 0;}
.join span {display:block; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 6px 0;}
.join form {padding:6px 0;}
.join p {width:90%; margin:0 0 20px 0; padding:5%; border:1px solid #c6c6c6; height:70px; overflow-y:scroll;}
.join label {margin:0 10px 0 3px;}
.join .button {margin:20px 0 0 0;}
.join .button a {width:49%;}
.join .button a.gray {margin:0 2% 0 0;}

.join dl {clear:both; width:100%; padding:0 0 0 0; overflow:hidden;}
.join dt, .join dd {float:left; display:block;}
.join dt {width:24%; font-weight:bold; line-height:36px; clear:both;}
.join dd {width:76%; overflow:hidden;}
.join dd input[type="text"], .join dd input[type="tel"], .join dd input[type="password"] {float:left; margin:3px 0; display:inline-block; height:36px; line-height:36px}
.join dd .sbtn {float:left; margin:3px 0; padding:0; height:36px; line-height:36px; text-align:center; border:0;}
.join dd select {float:left; margin:3px 0; height:36px; line-height:36px}
.join dd>span.mark {float:left; display:block; border:0; text-align:center; line-height:24px; width:10px; margin:0; padding:0;}

.join_news dl {clear:both; width:100%; padding:0 0 0 0; overflow:hidden;}
.join_news dt, .join dd {display:block;}
.join_news dd {width:100%; overflow:hidden;}
.join_news dd input[type="text"], .join dd input[type="tel"], .join dd input[type="password"] {float:left; margin:3px 0; display:inline-block; height:45px; line-height:45px}
.join_news dd .sbtn {float:left; margin:3px 0; padding:0; height:45px; line-height:45px; text-align:center; border:0;}


/* 갤러리 리스트 */
.gal-list-section {overflow:hidden;border-top:1px solid #9a9ca0;}
.gal-list-section.first-type {margin-top:-0.625rem;border-top:0 none;}
.gal-list {margin:0 0 0 -1.250rem;padding-top:10px; background:#fff;}
.gal-list:after {content:"";display:block;clear:both;}
.gal-list li {float:left;margin:0 0 -0.063rem 0;padding: 0.625rem 0 1.438rem 0;width:50%; background:#fff; height:220px;}
.gal-list .gal-list-inner {margin:0 0 0 1.250rem;}
.gal-list .gal-img {display:block;position:relative;width:140px;margin:0 auto 0.750rem;}
.gal-list .gal-img .sprt-common {overflow:hidden;display:inline-block;position:absolute;top:20px;right:20px;height:35px;}
.gal-list .gal-img .sprt-common:before {width:100%;height:100%;}
.gal-list .gal-img .new {width:35px;}
.gal-list .gal-img .new:before {background-position:0 -70px;}
.gal-list .gal-img a {display:block;}
.gal-list .gal-img img {width:140px;height:140px;}
.gal-list .gal-title {overflow:hidden;display:block;margin:0 0 0.125rem 0;height:30px;line-height:15px;text-align:center;}
.gal-list .gal-title a {display:block;color:#000;width:90%;margin:0 auto}
.gal-list .gal_date {display:block;text-align:center;}
.gal-list .gal_date del {color:#7a7d81;}
.gal-list .gal_date em b {font-weight:normal;color:#888;}

/* 가입신청 */
#request{display:none; position:absolute; margin:-900px 0 0 0;z-index:100000;}
.request{ background:#fff; width:300px; margin:40px auto; padding:40px; border:1px solid #ccc;}
.request .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:center; margin:10px 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}
.request.p10 {padding:10px;}

/* 가입신청
#request2{display:none; position:absolute; margin:-900px 4% 0;z-index:100000;} */
#request2{display:none; position:fixed; margin:120px 4% 0;z-index:100000; left:0; top:0;}
.request2{background:#fff; width: 88%;margin:40px auto; padding:20px 2%; border:1px solid #1e5aa0; }
.request2 .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:left; margin:0 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}



/* 가입신청
#request2{display:none; position:absolute; margin:-900px 4% 0;z-index:100000;} */
#request3{display:none; position:fixed; height:400px;margin:53px 4% 0;z-index:100000; left:0; top:0;overflow-y:scroll;padding-bottom:20px;}
.request3{background:#fff; width: 88%;margin:40px auto; padding:20px 2%; border:1px solid #1e5aa0; }
.request3 .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:left; margin:0 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}

/* 가입신청
#request2{display:none; position:absolute; margin:-900px 4% 0;z-index:100000;} */
#request4{display:none; position:fixed; height:400px;margin:53px 4% 0;z-index:100000; left:0; top:0;overflow-y:scroll;padding-bottom:20px;}
.request4{background:#fff; width: 88%;margin:40px auto; padding:20px 2%; border:1px solid #1e5aa0; }
.request4 .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:left; margin:0 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}


/* 가입신청 */
#request5{display:none; position:fixed; height:400px;margin:53px 4% 0;z-index:100000; left:0; top:0;overflow-y:scroll;padding-bottom:20px;}
.request5{background:#fff; width: 88%;margin:40px auto; padding:20px 2%; border:1px solid #1e5aa0; }
.request5 .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:left; margin:0 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}

/* 가입신청 */
#request_se{display:none; position:fixed; height:400px;margin:53px 4% 0;z-index:100000; left:0; top:0;overflow-y:scroll;padding-bottom:20px;}
.request_se{background:#fff; width: 88%;margin:40px auto; padding:20px 2%; border:1px solid #1e5aa0; }
.request_se .title{font-size:20px; color:#333; font-family:"nanumB"; text-align:left; margin:0 0 20px 0;}
.btn_close{position:absolute; top:20px; right:20px;}

span.pro_txt {font-family:"NGothic";color:#1e5aa0;font-size:14px;  }

/*팝업창*/
.wrap_pop {position:fixed; left:0; top:0; z-index:200;visibility:hidden;color:#fff; background:rgba(0,0,0,0.7); height:100%; width:100%;}
.wrap_pop>div {position:absolute; top:50%; margin-top:-240px; width:100%;}
.pop_size {text-align:center; width:268px; margin:0 auto;}
.pop_size img {height:auto; width:100%;}
.close_area {width:238px; padding:0 15px; height:40px; line-height:40px; background:#39414f; margin:0 auto;}



button.btn_search2 {min-width: 30px;height: 30px;background-color: #333;color: #fff;line-height: 28px;border-radius: 0; }
.box01 .btn {display: inline-block; padding: 0 8px;border: 1px solid #333;border-radius: 3px; text-align: center; vertical-align: middle:cursor; margin:-5px 0 0 2px;}
.box01_n .btn {display: inline-block; padding: 0 2px;border: 1px solid #333;border-radius: 3px; text-align: center; vertical-align: middle:cursor; margin:-5px 0 0 0px;font-size:9px;}


/*이용약관*/
.privacy_text {font-size:0.9em;}
.privacy_text span.title {font-size:1.1em; color:#333; font-family:"nanumB"; line-height:1.75em;}

/*회원탈퇴*/
.text_box {width:100%;}

/*페이징*/
.paging {text-align:center; font-size:14px; margin:15px 2%;}
.paging a {display:inline-block; width:24px; height:24px; line-height:24px; border:1px solid #c6c6c6; color:#888;}
.paging a.on {border-color:#1e5aa0; color:#fff; background:#1e5aa0;}
.paging .arr a {border:none; font-size:16px; color:#232869;}

/*공지사항 검색창*/

.search_box_wrap01{width:100%; height:40px;margin:0 auto; } /*d8d8d8*/
.search_box_wrap01.topM10{margin:10px auto 0;}
.search_box_wrap01 .search_box_wrap02 ul.search_box{width:100%; overflow:hidden; padding:6px 0; margin:0 auto; background:#fff; position:relative;}
.search_box_wrap01 .search_box_wrap02 ul.search_box li{display:inline-block; float:left; margin:0 0 0 3px;}
.search_box_wrap01 .search_box_wrap02 ul.search_box li:first-child select{margin:0 3px 0 4%;}
.search_box_wrap01 .search_box_wrap02 ul.search_box li input{width:110px; height:24px; line-height:18px; border-radius:3px; border:1px solid #ccc; color:#333; font-size:12px; }
.search_box_wrap01 .search_box_wrap02 ul.search_box li select{height:26px; width:70px; text-indent:3px; border-radius:3px; border:1px solid #ccc; color:#333; font-size:12px;}
.search_box_wrap01 .search_box_wrap02 ul.search_box li a.search_bt{display:inline-block; border-radius:3px; height:26px; line-height:26px; padding:0 8px; color:#fff; font-size:12px; text-align:center; background:#666; vertical-align:middle;}
.search_box_wrap01 .search_box_wrap02 ul.search_box li.search_box_first{margin:0 0 0 2%;}
p.total_num {width:32%;text-align:right;padding:2px 4% 5px;position:absolute;top:8px;right:0;z-index:10;}

/*납부방법변경 my_bill_method*/
.indv .check{width:20px; height:20px; vertical-align:middle;top:5px;left:4%;}
.indv .join_title{font-size:18px; color:#333; font-weight:bold}
.indv .text_box{overflow-y:scroll;width: 92%;margin: 0 auto;padding: 2% 0; height:100px; border-width:1px; border-style:solid; border-color:#d8d8d8;font-size:13px;}
.indv .text_con{padding:10px;}
.indv .text_con p{text-align:left; color:#676767; font-size:12px; line-height:18px; }
input[type=checkbox], input[type=radio] { border:none !important; background:#fff !important}
.indv select{height:38px; border:1px solid #ccc; padding:2px 5px 5px 10px;}
.radio{width:30px; height:30px; vertical-align:middle;}

#bankname01 {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border-radius: 2px;}
#bankname02 {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border-radius: 2px;}
#acc04  {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border-radius: 2px;}
#acc08   {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border:1px solid #ccc;height:38px; border-radius: 2px; }
#acc06_2   {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border-radius: 2px;}
#acc06_1   {width:100%; width:clac(100% - 0px);margin: 0 0 5px 0;border-radius: 2px;}


/*결합상품   padding:0 0 010px;margin-top:20px;*/
.pro_bg {position:relative;width:100%;height:275px;background:url("/img/product_bg.jpg") no-repeat 0 0;text-align:left;}
.pro_bg .bg_img {position:absolute; top:0;right:0px;}
.pro_bg .bg_img img {width:160px;}
.pro_bg h4.tit {padding:20px 0 0 10px; font-family:"nanumB"; font-size:20pt;color:#333;letter-spacing:-0.125em;line-height:27px; margin:0 0 20px 0;}
.pro_bg .txt {padding:0 0 0 10px;}
.pro_bg .price { padding:20px 0 0 10px;font-family:"nanumB"; font-size:24pt;color:#e0002a}
.pro_bg .price span.pr1{ font-family:"nanumB"; font-size:16pt;color:#333;letter-spacing:-0.15em;}
.pro_bg .price span.pr2{ font-family:"nanumB"; font-size:14pt;color:#e0002a;letter-spacing:-0.15em;}
.pro_bg .price span.pr3{font-family:"NGothic"; font-size:12pt;color:#666;letter-spacing:-0.075em;}
.pro_bg .btn_base {margin:0 0 0 10px;}
.sub .wrap h4.title_pro {font-family:"nanumB"; font-size:14pt;margin-top:10px;text-align:left;}
.inner-input {position:relative;padding-left:5%;}
.inner-input .check  {width: 20px;height: 20px; vertical-align: middle; top: 50%; left: 50%;float:left;margin-top:-10px;}

/*청구내역/온라인납부*/
.txt_m {font-size:11.5px;color:#3171bb;margin-bottom:10px;}
.ex_tit {font-size:11.5px;vertical-align:middle;}
.ex_tit img{vertical-align:middle;}
.ex_tit span{vertical-align:middle;color: #3171bb;}

/*청구내역*/
.pay_tit {font-family:"nanumB"; font-size:16pt;color:#333;font-weight:bold;line-height:24px;}
.pay_tit span {font-size:14pt;color:#e83d45;}

/* uio-table-price */
.uio-table-price {border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2}

.uio-table-price tbody tr:first-child th,.uio-table-price tbody tr:first-child td {border-top:1px solid #b2b2b2}
.uio-table-price tbody th {padding:21px 5px 21px 5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-family:"nanumB";text-align:center;font-size:14px;color:#222}
.uio-table-price tbody td {padding: 12px 10px 11px 10px;border-bottom:1px solid #ddd;text-align:left;}
.uio-table-price tbody td + td {background-color:#f3f3f3}
.uio-table-price tbody td .price-sum {display:block;text-align:right;font-size:12px;color:#222;padding-right:5px}

.uio-table-price tfoot td {padding:16px 10px 18px 19px;border-bottom:1px solid #b2b2b2;vertical-align:middle}
.uio-table-price tfoot ul {display:inline-block;width:490px;vertical-align:middle}
*+html .uio-table-price tfoot ul {zoom:1;display:inline}
.uio-table-price tfoot ul li {float:left;white-space:nowrap;height:20px;vertical-align:middle}
.uio-table-price tfoot ul li em {font-size:12px;color:#222}
.uio-table-price tfoot ul li:first-child {padding-left:0}
.uio-table-price tfoot ul li strong {font-weight:normal;color:#666;padding-left:3px}
.uio-table-price tfoot ul li span {display:inline-block;width:12px;height:12px;vertical-align:middle;background:url(../img/ico/ico_price_plus.gif) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;margin: -2px 5px 0 7px}
*+html .uio-table-price tfoot ul li span {zoom:1;display:inline;*text-indent:0}
.uio-table-price tfoot ul li:first-child span {display:none}

span.normal {font-size:9pt;color:#666;font-weight:normal;line-height:16px}

.uio-table-price tfoot .price {vertical-align:middle;text-align:right}
.uio-table-price tfoot .price .vat{display:inline;font-size:12px;color:#666}
.uio-table-price tfoot .price{font-size:26px;color:#222}
.uio-table-price tfoot .price em{font-family:"nanumB";display:inline-block;font-size:26px;color:#ea002c;vertical-align:top;font-weight:bold;margin-right:3px;font-style:normal;}
*+html .uio-table-price tfoot .price em{display:inline;zoom:1}

.product {position:relative;display:inline-block;overflow:hidden;background:url(/img/bg_label.gif) 0 0 no-repeat;margin-right:3px; }
*+html .product {zoom:1;display:inline}
.product label{float:left;height:26px;line-height:26px;margin:0;padding:0 29px 0 5px;background:url(/img/bg_label_r.gif) no-repeat right 0}
.product .uio-radio, .product .uio-chkbox input{position: absolute;top:6px; right:5px;}

.product.mul .uio-radio, .product.mul .uio-chkbox{position:absolute;right:0px;top:0px}
.no-selection {position:relative;display:inline-block;overflow:hidden;background:url(/img/bg_label.gif) 0 0 no-repeat;margin-right:3px;margin-bottom:3px}
*+html .no-selection {zoom:1;display:inline}
.no-selection label{float:left;height:26px;line-height:26px;padding:0 5px;background:url(/img/bg_label_r.gif) no-repeat right 0}
.no-selection.varSelection .uio-radio{margin:-1px 0 0 4px}

/*정회원인증*/
.ex_tt {font-size:12px;color:#3171bb;}

/*공통*/
p.txt_at {font-size:0.9em;}
p.txt_all {font-size:0.9em;margin:0 0 15px;border:1px solid #cfcfcf;padding:10px 10px; line-height:2.75em;}
p.txt_all_j {font-size:0.9em;margin:20px 5px 15px;border:1px solid #cfcfcf;padding:10px 5px; line-height:2.75em;}
.line_all{height:1px;border-bottom: 1px solid #000;margin:10px 0}
p.title_all{font-size:18px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
div.title_all{font-size:18px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
div.txt_all {font-size:0.9em;border-top:1px solid #434159;border-bottom:1px solid #434159;:10px;background: #FEFCED;}
div.txt_all span.tit{font-size:1.1em; color:#333; font-family:"nanumB"; line-height:1.75em;}

.both1 {clear:both;border-bottom:1px dashed #d6d6d6; }


img.w100 {width:100%;}
.both {clear:both;}
.w_left{width:50%;float:left;}
.w_right {width:50%;float:left;}
.con_bbs div.txt_all {width:90%;margin:0 auto;font-size:0.9em;border:2px solid #434159;padding:10px;background: #f8f8f8;}
.con_bbs .h10 {height:10px;}
.h10_all {height:10px;}
.both1 {clear:both;border-bottom:1px dashed #d6d6d6; }

p.stit_all {font-size:16px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}
.stit_all {font-size:16px; color:#333; font-family:"nanumB"; margin:10px 0 5px 0;}




/*해지 my_end*/

.board-tp-01 td.sub_tit {text-align:left;background:#f8f8f8 url("/img/sub_tit_bg.gif") no-repeat 15px 7px;padding:9px 9px 9px 50px;border-bottom: 1px solid #e3e3e3;}
.board-tp-01 td.sub_tit span.tits {color:#bfbfbf;padding:0 7px;}
.board-tp-01 td.last {border-bottom: 1px solid #cfcfcf;}
.board-tp-01 td.fir{border-top: 1px solid #cfcfcf;}

.board-tp-01 td.sub_tit input {left:35px;}



/*뉴스메인*/
h5.list-group-item-heading {font-size:0.9em;color:#1e5aa0;}




/*뉴스메인*/

.col_50  {}
.col_67  {}
.col_33  {}

#tabArea6 {position:relative; width:100%;}
#tabArea6 .tabM{ margin-top:0; border-bottom:2px solid #1e5aa0;}
#tabArea6 .tabM ul {overflow:hidden; padding:0 0 0 0; margin:0 0 -2px 0;}
#tabArea6 .tabM ul li {display:inline-block; float:left;width: calc(20% - 0px);}
#tabArea6 .tabM ul li a {display:block; padding:0; height:48px; line-height:49px;font-size:16px;text-align:center; color:#333;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#tabArea6 .tabM ul li a:hover {color:#1e5aa0;}
#tabArea6 .tabM ul li a.on { line-height:42px;font-family:"nanumB";color:#1e5aa0;border-left:2px solid #1e5aa0;border-right:2px solid #1e5aa0;border-top:2px solid #1e5aa0;border-bottom:2px solid #fff;}


#tabArea6 .content_con {margin-top:0px;}



.depth02 {overflow:hidden; text-align:left;  height:45px; width:100%;}
.depth02 ul {display:inline-block; overflow:hidden;background:url('../img/qqbar_1x13_3.gif') repeat-x 0 62px;}/**/
.depth02 ul li {background:url('../img/bar_1x13.gif') no-repeat 0 50%; display:inline-block; float:left; margin-left:10px; padding-left:11px;}
.depth02 ul li:first-child {background:none; margin-left:0; padding-left:0;}
.depth02 ul li a {display:inline-block; line-height:64px; height:64px;font-family:"Roboto";}
.depth02 ul li a:hover {background:url('../img/border_1pxs.gif') repeat-x 0 44px;text-decoration:none;}
.depth02 ul li.on a {background:url('../img/border_1pxs.gif') repeat-x 0 44px; text-decoration:none;}


.depth02 a.btn_small {position:absolute;top:15px;right:0;}
.depth02 a.btn_small.bt2 {position:absolute;top:75px;right:0; color:#1e5aa0}


.caption h3 a {font-family:"nanumB";color:#333;font-size:20px;line-height:24px;}

#menu-width {width:100%;border-top:0px solid #ffffff;margin-top:0px;margin-bottom:0px;}
#topNewsArticle {background:#eeeeee;}
/*.on {background:#337ab7 !important;color:#ffffff !important;}*/
.thumbnail {padding:0px 0px 0px 0px;border-radius:0;}

#section_headLineNews .thumbnail {border:1px solid #ddd;}
#section_headLineNews .thumbnail .caption {padding:10px 20px 20px;}

#section_headLineNews .thumbnail {}/*float:left;margin:0 0 -0.063rem 0;padding: 0.625rem 0 1.438rem 0;width:50%; background:#fff;*/
#section_headLineNews.rep .thumbnail {position:relative;width:46%;width: calc(50% - 10px);float:left;border:1px solid #ddd;margin-bottom:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#section_headLineNews.rep .thumbnail.first {width:46%;width: calc(50% - 10px);margin-right:20px;float:left;border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#section_headLineNews.rep .thumbnail .caption {padding:10px 20px 20px;}
#section_headLineNews.rep .thumbnail img {width:100%;height:auto !important;}
#section_headLineNews.rep .caption h3.rep_tit {font-family:"NGothicB";color:#333;font-size:17px;margin-bottom:10px;line-height:20px;}
#section_headLineNews.rep .caption h3.rep_tit p{ font-family:"NGothic";color:#666;font-size:13px;}/*position: absolute;bottom:49px;right: 20px;*/




.now_vod .thumbnail {width: calc(50% - 10px);float:left;border:1px solid #ddd;margin-bottom:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.now_vod .thumbnail.first {width: calc(50% - 10px);margin-right:20px;float:left;border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.now_vod .thumbnail .caption {padding:10px 20px 20px;}
.now_vod .caption h3 a {font-family:"nanumB";color:#333;font-size:18px;}
.now_vod .thumbnail img {width:100%;height:205px !important;}

.now_vod_view .thumbnail {width:100%;margin-bottom:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.now_vod_view .thumbnail .caption {padding:10px 20px 20px 0;}
.now_vod_view .caption h3 a {font-family:"nanumB";color:#333;font-size:18px;}
.now_vod_view .thumbnail img {width:100%;height:405px !important;}

.now_vod_list .thumbnail {width:100%;margin-bottom:20px;background:#f6f6f6;border:1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.now_vod_list .thumbnail .caption {padding:10px 20px 20px 0;}
.now_vod_list .caption h3 a {font-family:"nanumB";color:#333;font-size:18px;line-height:24px;}
.now_vod_list .thumbnail img {width:360px;height:258px !important;margin:20px;}

.list_wrap {width:100%;margin-bottom:20px;background:#f6f6f6;border:1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list_wrap .thum_img {width:100%; !important;padding:10px ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list_wrap .thum_con {padding:10px ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list_wrap:after {content:""; display:block; clear:both;}
.list_wrap .thum_con  ul.txt1 {padding-bottom: 7px;margin-bottom: 11px;border-bottom: 1px solid #e5e5e5;padding-top: 7px;margin-top: 11px;border-top: 1px solid #e5e5e5;}
.list_wrap .thum_con  ul.txt1 li span {color:#333;font-family:"nanumB";padding-right:10px;}
.list_wrap .thum_con  p.txt2 {font-size:14px;}

.panel-default-line {border-radius:0;}
.media-line {border-bottom:1px solid #e6e6e6;}
.news_sub_title {border-left:15px solid #619dd1;height:30px;line-height:28px;padding:2px 10px;margin-bottom:15px;background:#1e5aa0;color:#fff;font-family:"nanumB";}
.notice-line {border-bottom:1px solid #e6e6e6;padding-bottom:5px;margin-bottom:20px}
.sub .wrap .notice-line h5{font-size:15px; color:#1e5aa0; letter-spacing:-1px; margin:0 0 5px 0}

.panel-body {padding:15px 15px 5px 15px;}
.btn-report-news {padding:0px 5px 0px 5px;}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;color:#337ab7;}
a:focus {text-decoration:none;color:#337ab7;}
h3 a {color:#000000;}
h4 a {color:#000000;}
.news-board-table-td input {width:100%;}
.news-board-table-td select {width:100%;}
.news-board-table-td textarea {width:100%;}
#btn_moveList {margin-right:3px;}
#btn_clipboard {margin-right:3px;}
@media (min-width: 1080px) {
	#topNewsThumbnail img {width:441px; height:261px;}
}
@media (min-width:800px) and (max-width:1079px) {
	#topNewsThumbnail img {width:311px; height:184px;}
}
@media (min-width:640px) and (max-width:799px) {
	#topNewsThumbnail img {width:240px; height:142px;}
}
@media (max-width: 639px) {
	.news-board-table-th {width:10%;padding:20px 20px 20px 20px;}
}


.major-news img {width:125px;height:80px;}
.thumbnail img {width:100%;height:245px !important;}


.news_title {
	color: #000000 !important;
    font-weight: bold;
	font-size:15px;
}
.camera_focus_title {
	color: #000000 !important;
    font-weight: bold;
    margin-top:0px;
    font-size:20px;
   border-left:10px solid #0079b9;
    padding-left:10px;      
}
.sect_nowjeju, .sect_newsvod {
	margin-top:10px;

} 


.now_title {
	color: #1e5aa0 !important;
    font-family:"nanumB";
    margin-top:0px;
    font-size:16px;
   border-left:5px solid #1e5aa0;
    padding-left:7px;      
}

.now_sub_title {
	color: #333 !important;
    font-family:"nanumB";
    margin-top:40px;
    font-size:18px;
	line-height:15px;
   border-left:5px solid #1e5aa0;
   padding-left:10px;      
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default-line {
    border-radius: 0;
}
.panel-default {
    border-color: #ddd;
}
.media:first-child {
    margin-top: 0;
}
.media {
    margin-top: 16px;
}
li.media:last-child { margin-bottom: 12px;}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media-body {
    display: table-cell;
    vertical-align: top;
	font-size:13px;
}
.media-line .media-body p {margin:0 0 10px;}

.media-heading {
    margin-top:0px;
    margin-bottom: 5px;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media-object {
    display: block;
}
.media-left, .media > .pull-left {
    padding-right: 10px;
}

.btn-non-radius {
    border-radius: 0;
}

.btn-report-news .btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #337ab7;
    color: #ffffff;
}

.btn-report-news .btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #245580;
}

.stit_newsvod {font-size:14px;}

.join_link_m {width:100%; margin:10px auto 30px;}

#tabArea7 {position:relative; width:100%;}
#tabArea7 .tabM{ margin-top:0;}

#tabArea7 .tabM ul {overflow:hidden; padding:0 0 0 0; margin:0 0 10px 0; }
#tabArea7 .tabM ul li {display:inline-block; float:left;width: calc(50% - 0px); }/*margin:0 10px 10px 0;*/
#tabArea7 .tabM ul li a {display:block; padding:0 10px; height:36px; line-height:36px; text-align:center; color:#333; border:1px solid #dedede; }
#tabArea7 .tabM ul li a:hover {color:#333;}
#tabArea7 .tabM ul li a.on {background:#1e5aa0; color:#fff; border:1px solid #1e5aa0;}


ul li.list_cr em{display:inline-block;width:13px;padding-right:6px;text-align:center;font-style:normal;font-family:"nanumB";color:#000;}
ul li.list_cr  {line-height:22px;font-size:13px;}
li.num_05{padding-bottom:7px;margin-bottom:11px;border-bottom:1px solid #e5e5e5;}
ul li.list_cr:last-child {padding:0 0 10px 0;}




/*편성표*/
.schedule-dl{list-style:none;line-height:155%;}

.schedule-count{line-height:155%;font-family:"nanumB";color:#000;}
.schedule-contents{overflow: hidden; word-break:break-all;line-height:115%;font-size:13px;}
.schedule-subtitle{color:#888;}
dt {}


.board-tp-ch {table-layout:fixed;width:100%;border-top:2px solid #3171bb; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;margin-top:40px}
.board-tp-ch caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.board-tp-ch tr th {font-family:Roboto, 'nanumB', '나눔고딕', sans-serif; background:#C3D9EF; padding:10px 0; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; color:#333;}
.board-tp-ch tr th.first {border-left:none;}
.board-tp-ch tr td {border-bottom:1px solid #cfcfcf; padding:5px;text-align:left; border-left:1px solid #cfcfcf;vertical-align: top;}
.board-tp-ch tr td.first {border-left:none;}
.board-tp-ch tr td.left2 {text-align:left;padding-left:20px;}
.ch5 .txt_tip{position:absolute; width:740px; display: block; margin-top:-20px; font-size:12px; text-align:right;}
.ch5 .txt_tip2{position:absolute; width:500px; display: block; margin-top:-25px; font-size:12px; text-align:left;padding-left:0;margin-left:280px;}
.board-tp-ch .price{font-family:"nanumB"; text-align:right; color:#333}

.board-tp-ch tr td.s-head {text-align:center;font-family:Roboto, 'nanumB', '나눔고딕', sans-serif; background:#D7E6F4; padding:10px 0; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; color:#333;}




/** 스케쥴게시판 list페이지 */
.schedule_top{padding:20px 0 0; text-align:center;}
.schedule_top a{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top}
.schedule_top a.pre_mon{margin-right:25px;}
.schedule_top a.next_mon{margin-left:25px;}
.schedule_top a img{padding:0 0 2px 0;width:30px;}
.schedule_top span{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#333; font-family:"nanumB"; font-size:24px; vertical-align:top}
.schedule_top span.date{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#000; font-family:"roboto";font-weight:bold; font-size:24px; vertical-align:top}
.schedule_top span.day{display:inline-block; *display:inline; zoom:1; height:30px; line-height:38px; color:#000; font-family:"nanumB"; font-size:13px; vertical-align:bottom;padding:0 0 0 5px;}
.schedule_top p{padding-top:10px; color:#666}
.schedule_top p em{font-style:normal; font-family:"nanumB";}

.scheduler table {border-bottom:1px solid #e3e3e3;}
.scheduler table thead {background:#f3f3f3;}
.scheduler table th {height:36px;  color:#333;font-family:"nanumB";font-size:1em;font-weight:normal;letter-spacing:-1px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.scheduler table th.programInfo {width:504px;border-left:1px solid #b3b3b3;}
.scheduler table th.rating {width:51px;border-left:1px solid #e3e3e3;}
.scheduler table th.video {width:80px;border-left:1px solid #e3e3e3;}
.scheduler table th.runningTime {width:80px;border-right:1px solid #b3b3b3;border-left:1px solid #e3e3e3;}
.scheduler table td {height:36px;border-top:1px solid #e3e3e3;border-left:1px solid #f5f5f5;}
	*+html .scheduler table tbody tr:first-child td {border-top:1px solid #b3b3b3;}
.scheduler table td.programInfo {width:504px;border-left:1px solid #e3e3e3;}
.scheduler table td.programInfo div {overflow:hidden;width:494px;text-overflow:ellipsis;white-space:nowrap;}
.scheduler table td.programInfo div a {margin-right:10px;}
.scheduler table td.programInfo .airTime {display:inline-block;width:25%;font-family:arial;text-align:center;}

.scheduler table td.programInfo .program {display:inline;width:auto; color:#000;}
.scheduler table td.programInfo .program a {color:#000;}
.scheduler table td.programInfo .program span {color:#666;}
.scheduler table td.rating {width:51px;}
.scheduler table td.rating span {display:block;width:13px;height:11px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat;}
.scheduler table td.rating span.ageAll {background-position:0 -207px;}
.scheduler table td.rating span.age7 {background-position:-68px -207px;}
.scheduler table td.rating span.age12 {background-position:-131px -207px;}
.scheduler table td.rating span.age15 {background-position:-200px -207px;}
.scheduler table td.rating span.age19 {background-position:-269px -207px;}
.scheduler table td.video {width:80px;text-align:center;}
.scheduler table td.video a {padding-left:15px;color:#9f9f9f;text-align:center;line-height:14px;background:url('../images/common/icon/icon_set.gif') no-repeat -238px -238px;}
.scheduler table td.runningTime {width:80px;font-family:arial;color:#666;text-align:center;border-right:1px solid #e3e3e3;}

.scheduler .desc {overflow:hidden;margin-top:10px;}
.scheduler .desc li {padding-left:10px;font-size:11px;color:;line-height:22px;letter-spacing:-1px;}
.scheduler .desc li span {padding:0 8px 0 16px;background:url('../images/common/icon/icon_set.gif?v=2') no-repeat 0 -207px;}
.scheduler .desc li span.ageAll {background-position:0 -207px;}
.scheduler .desc li span.age7 {background-position:-68px -207px;}
.scheduler .desc li span.age12 {background-position:-131px -207px;}
.scheduler .desc li span.age15 {background-position:-200px -207px;}
.scheduler .desc li span.age19 {background-position:-269px -207px;}

/* 편성표 모바일 */

	.schedules .btnChannelInfo {top:15px; right:10px;}
	.timeLine {display:none;}
	.scheduler table {width:100%; margin-top:10px;}
	/*.scheduler table .rating, .scheduler table .video, .scheduler table .runningTime {display:none;}*/
	.scheduler table th.programInfo {width:auto;border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;}
	.scheduler table td.programInfo {width:auto; padding:5px 0 4px 0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
	.scheduler table td.programInfo div {width:auto; word-break:break-all; word-wrap: break-word; white-space:normal;}
	.scheduler table td.programInfo div em {float:left; width:15%;  text-align:center;}
	.scheduler table td.programInfo div .program {float:left; width:75%;}
	.scheduler table td.programInfo div .program span {display:block;}

	.scheduler .desc {margin:0px;}



.scheduler table td.rating span {display:block;width:13px;height:11px;margin:0 auto;text-indent:-9999px;}
.scheduler table td.rating span.ageAll {background:url('../img/icon_set04.gif') no-repeat;}
.scheduler table td.rating span.age7 {background:url('../img/icon_set05.gif') no-repeat;}
.scheduler table td.rating span.age12 {background:url('../img/icon_set06.gif') no-repeat;}
.scheduler table td.rating span.age15 {background:url('../img/icon_set07.gif') no-repeat;}
.scheduler table td.rating span.age19 {background:url('../img/icon_set08.gif') no-repeat;}

.scheduler table td.video span {display:block;width:16px;height:18px;margin:0 auto;text-indent:-9999px;}
.scheduler table td.video span.iconB {display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;}
.scheduler table td.video span.ic_subtit {background:url('../img/icon_set01.gif') no-repeat;}
.scheduler table td.video span.ic_screen {background:url('../img/icon_set02.gif') no-repeat;}
.scheduler table td.video span.ic_sign {background:url('../img/icon_set03.gif') no-repeat;}

.scheduler table td.video em {display:block;width:16px;height:18px;margin:0 auto;text-indent:-9999px;}
.scheduler table td.video em.iconB {display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;}
.scheduler table td.video em.ic_subtit {background:url('../img/icon_set01.gif') no-repeat;}
.scheduler table td.video em.ic_screen {background:url('../img/icon_set02.gif') no-repeat;}
.scheduler table td.video em.ic_sign {background:url('../img/icon_set03.gif') no-repeat;}

.scheduler table td.video {width:80px;text-align:center;}
.scheduler table td.video a {padding-left:15px;color:#9f9f9f;text-align:center;line-height:14px;}
.scheduler table td.runningTime {width:80px;font-family:arial;color:#666;text-align:center;border-right:1px solid #e3e3e3;}

.scheduler .desc {overflow:hidden;margin-top:10px;}
.ch5 .scheduler .desc li {clear:both;padding-left:10px;font-size:11px;margin-left: 0px; margin-bottom: 0px;line-height:22px;letter-spacing:-0.05px;}
.scheduler .desc li span {padding:0 8px 0 16px;}
.scheduler .desc li span.ageAll {background:url('../img/icon_set04.gif') no-repeat;}
.scheduler .desc li span.age7 {background:url('../img/icon_set05.gif') no-repeat;}
.scheduler .desc li span.age12 {background:url('../img/icon_set06.gif') no-repeat;}
.scheduler .desc li span.age15 {background:url('../img/icon_set07.gif') no-repeat;}
.scheduler .desc li span.age19 {background:url('../img/icon_set08.gif') no-repeat;}


/*20130531_schedule icon*/
 .programInfo em.iconB {display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;}
 .programInfo em.ic_subtit {background-position:url('../img/icon_set01.gif') no-repeat;}
 .programInfo em.ic_screen {background-position:url('../img/icon_set02.gif') no-repeat;}
 .programInfo em.ic_sign {background-position:url('../img/icon_set03.gif') no-repeat;}

 .video em.iconB {display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;}
 .video em.ic_subtit {background:url('../img/icon_set01.gif') no-repeat;}
 .video em.ic_screen {background:url('../img/icon_set02.gif') no-repeat;}
 .video em.ic_sign {background:url('../img/icon_set03.gif') no-repeat;}


.scheduler .desc li span.ic_subtit {background:url('../img/icon_set01.gif') no-repeat;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;}
 .scheduler .desc li span.ic_screen {background:url('../img/icon_set02.gif') no-repeat;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;}
 .scheduler .desc li span.ic_sign {background:url('../img/icon_set03.gif') no-repeat;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;}















/*제보하기*/

.news #request{display:none; position:absolute; z-index:100000;background:#fff;}/*margin-top:-750px; */
.news .request{ background:#fff; width:100%; margin:0 auto; padding:40px; border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news .request .title{font-size:24px; color:#333; font-family:"nanumB"; text-align:center; margin:0 0 30px 0;}
.news .btn_close{position:absolute; top:40px; right:40px;}


.news .request .join_table > table th {font-weight:normal;height:38px;font-size:14px;color:#333;border-bottom:1px solid #e5e5e5;text-align:left;font-family:"nanumB";}
.news .request .join_table > table td {font-weight:normal; height:38px; padding:6px 10px; font-size:14px; color:#666; border-bottom:1px solid #e5e5e5;}
.news .request .join_table > table td .bg{background:#f4f4f4;}

.join_area .sbtn {
    float: left;
    margin: 3px 0;
    padding: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 0;
}
/*지역채널 안내*/

/*뉴스검색*/

h2.title .btn_search {position:absolute;right:10px;top:15px}
h2.title .btn_search img{width:20px;}

.news_sub_title .search_tt { position:absolute; right:15px;top:7px;z-index:1;color:#A1BAD7;}
.news_sub_title .search_ttco {color:#A1BAD7;}
.news_sub_title .search_tt a {color:#fff;font-size:12px;}
.news_sub_title .search_tt a:hover {text-decoration:underline;}
.news_sub_title  {position:relative;}

/*뉴스보기*/
.vod_view .news_sub_title {border-left:0 solid #619dd1;height:10px;line-height:18px;padding:0px 0 12px 0;margin-bottom:10px;background:none;
color:#1e5aa0;font-family:"NGothic";font-size:15px;}
.vod_view .tit3 {line-height:25px;}
.vod_view.BD h3.tit3 {background:none;}


.table_list_ul_tit {border-top:1px solid #e6e6e6;color:#333;font-weight: bold;font-size:16px;margin-top:30px;padding:30px 0 5px 0;}
.table_list_ul table{border-top:2px solid #333;}
.table_list_ul table th a:befor {content:"·"; display:block; clear:both;}

.table_list_ul table th.TXC {font-weight: normal;color:#666;}

/*표*/

.tit1 {background:#8FC320;color:#fff;}
.tit2 {background:#8261A6;color:#fff;}
.tit3 {background:#EC7190;color:#fff;}
.tit4 {background:#6976A0;color:#fff;}
.tit5 {background:#839849;color:#fff;}
.tit6 {background:#CD9542;color:#fff;}
.tit7 {background:#29A7E1;color:#fff;}
.tit8 {background:#945F35;color:#fff;}
.tit9 {background:#E73227;color:#fff;}

.board-tp-01 tr th.tit1 {background:#8FC320;color:#fff;}
.board-tp-01 tr th.tit2 {background:#8261A6;color:#fff;}
.board-tp-01 tr th.tit3 {background:#EC7190;color:#fff;}
.board-tp-01 tr th.tit4 {background:#6976A0;color:#fff;}
.board-tp-01 tr th.tit5 {background:#839849;color:#fff;}
.board-tp-01 tr th.tit6 {background:#CD9542;color:#fff;}
.board-tp-01 tr th.tit7 {background:#29A7E1;color:#fff;}
.board-tp-01 tr th.tit8 {background:#945F35;color:#fff;}
.board-tp-01 tr th.tit9 {background:#E73227;color:#fff;}
.board-tp-01 tr th.tit10 {background:#9390f7;color:#fff;}

.board-tp-01 tr td.tit1 {background:#8FC320;color:#fff;}
.board-tp-01 tr td.tit2 {background:#8261A6;color:#fff;}
.board-tp-01 tr td.tit3 {background:#EC7190;color:#fff;}
.board-tp-01 tr td.tit4 {background:#6976A0;color:#fff;}
.board-tp-01 tr td.tit5 {background:#839849;color:#fff;}
.board-tp-01 tr td.tit6 {background:#CD9542;color:#fff;}
.board-tp-01 tr td.tit7 {background:#29A7E1;color:#fff;}
.board-tp-01 tr td.tit8 {background:#945F35;color:#fff;}
.board-tp-01 tr td.tit9 {background:#E73227;color:#fff;}
.board-tp-01 tr td.tit10 {background:#9390f7;color:#fff;}

.tableInfo {margin-bottom:5px; width:70%; font-weight:bold; color:#333; margin-right:0; text-align:left;}
.tableInfo:after {content:""; display:block; clear:both;}

.vod_view .event_btn {width:50% !important;}

.m_onair_con .m_list_icon {border:1px solid #d7d7d7; width:60px; text-align:center; padding:0 15px; height:35px; line-height:35px;}
.m_onair_con .m_list_icon img {margin-right:5px;}
.m_onairList {margin-top:40px;}
.m_onairList ul li {margin-bottom:25px; border-bottom:1px solid #d7d7d7;}
.m_onairList ul li h3 {font-size:18px; margin-bottom:15px; color:#111;}
.m_onairList ul li .time {margin-bottom:25px; display:block; font-size:15px; font-family:Roboto, 'NGothic', '나눔고딕', sans-serif; letter-spacing:0; color:#999999;}

.m_live {position:absolute; left:45px; top:18px; z-index:99999999;}
.m_live img {width:53px;}

/* uhd*/
.m_uhdArea .undBg {background-size:cover;}
.m_uhdArea .undBg .banner_t {width:70%; margin:0 auto; padding:30px; display:block;}
.m_uhdArea .undBg .banner_t img {width:100%;}
.m_uhdArea .eventBtn {text-align:center; padding-bottom:30px;}
.m_uhdArea .eventBtn li {display:inline-block; background:#0e7ba9; border-radius:30px; width:45%; padding:12px 0; margin:0 3px;}
.m_uhdArea .eventBtn li a {color:#fff; font-size:14px;}

.uhdCon {background:#f8f8f8;}
.uhdCon .uhd_event {padding:20px; position:relative;}
.uhdCon .uhd_event h2 {text-align:center; color:#000; font-size:20px; padding:30px 0;}
.event_c {border:1px solid #6E6E6E; background:#fff; padding:30px; box-sizing:border-box; display:block; text-align:center;}
.event_c h3 {color:#000; font-size:16px; margin-bottom:20px;}
.event_c .event_p {padding:5px;background:#f8f8f8; font-size:14px; margin-top:10px; margin-bottom:20px;}
.event_c .event_cont {border-top:1px solid #d7d7d7; margin-top:20px; padding-top:20px;}
.event_c ul li {display:inline-block; border:1px solid #d7d7d7; font-size:14px; padding:3px 15px;}
.event_c .eventPrice {text-align:center; margin-top:30px; border-top:1px solid #d7d7d7; padding-top:30px;}
.event_c .eventPrice .event_price_p {position:relative; font-size:16px; text-decoration:line-through;}
/* .event_c .eventPrice .event_price_p:after {content:"";display:block; background:url('../img/price_line.png') no-repeat; position:absolute; width:119px; height:43px;top:10px; background-size:80%; right:50%; margin-right:-76px;} */
.event_c .eventPrice .event_price {font-size:25px; color:RED;font-weight:bold; margin:15px 0;}
.event_c .eventPrice p {font-size:14px;}
.event_c .eventPrice .event_btn {background:#333; border-radius:30px; text-align:center; width:35%; margin:0 auto; margin-top:20px;}
.event_c .eventPrice .event_btn a {color:#fff; padding:10px 0; display:block;}
.swiper-pagination {width:100%; left:0; position:relative !important;}
.swiper-pagination span {margin:20px 3px; width:10px; height:10px;}
.swiper-pagination-bullet-active {background:#333 !important;}

/* 리미티드 */
.m_uhdArea .limitiedBg {background-size:cover;}
.m_uhdArea .limitiedBg .banner_t {width:70%; margin:0 auto; padding:30px; display:block;}
.m_uhdArea .limitiedBg .banner_t img {width:100%;}
.event_c .event_info {background:#f8f8f8; padding:15px; margin-top:20px;}
.event_c .event_info p {font-size:14px; word-break:keep-all;}
.limitied_event .swiper-pagination {bottom:20px !important;}
.limitied_event .event_c  {padding-bottom:40px;}

.consulting .event_form ul:after {content:""; display:block; clear:both;}
.consulting .event_form ul li {float:left; width:50%; box-sizing:border-box; text-align:center; height:60px; line-height:60px; background:#7dc5d4;}
.consulting .event_form ul li a {color:#fff; font-weight:bold; font-size:16px;}
.consulting .event_form ul li:last-child {background:#999999;}

/* 스마일울산 */
.smileWrap {margin-top:30px; padding:20px;}
.smileWrap ul:after {content:""; display:block; clear:both;}
.smileWrap ul li {float:left; width:46.9%; overflow:hidden; margin-right:5%; margin-bottom:3%; border:1px solid #d7d7d7;}
.smileWrap ul li:nth-child(2n) {margin-right:0;}
.smileWrap ul li span {display:block; height:117px; overflow:hidden;}
.smileWrap ul li span img {width:100%;}
.smileWrap ul li .detail {padding:10px; height:85px;}
.smileWrap ul li .detail h2 {font-size:0.9em; font-weight:bold; margin-bottom:5px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.smileWrap ul li .detail p  {width:100%; text-overflow:ellipsis; height:33px; font-size:11px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;}
.smileWrap ul li .detail em {font-style:normal; margin-top:10px; display:block; color:#999;}

@media (max-width:371px) {
	.smileWrap ul li {margin-right:4%;}
}

.file:after {content:""; display:block; clear:both;}
.file span {border:1px solid #ccc; border-radius:2px; height:37px; box-sizing:border-box; width:78%; /* display:inline-block; */ float:left; background:#fff; /* vertical-align:top; */}
.file .file_btn {float:right; width:21%; background:url('/bbsbb/images/imgupload_button.gif')center center no-repeat; background-size:cover; box-sizing:border-box; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:inline-block;}
	
@media (max-width:414px) {
	.file span {width:78%;}
}

@media (max-width:400px) {
	.file span {width:78%;}
	.file .file_btn {border-top:0; border-bottom:0;}
}

@media (max-width:396px) {
	.file .file_btn {border:1px solid #ccc; border-top:0; border-bottom:0;}
}


/* 케이블광고안내 > 프로그램제작지원 */
.prgrmPrspr {}
.prgrmPrspr img {width:100%;}
.prgrmPrspr li b {display:block;}
.prgrmPrspr li span {display:block;}
.prgrmPrspr li.none {background:none !important; padding-left:0 !important;}


/* 추가 */
.moreBtn {text-align: center; margin: 15px 0 20px;}
.moreBtn a {font-size: 12px; display: inline-block; background: #efefef; padding: 4px 15px; color: #666; border: 1px solid #c6c6c6;}

.event_banner img {width:100%;}

/* 제휴카드할인 */
.aff-card-img img {width:100%;}





/* 신청하기 */

.total-agree{margin:20px 0 10px;}
.agree-mk-check{padding:15px 20px 0px;}
.agree-mk-check input[type="checkbox"] + label{margin-right:10px;}
.agree-mk-check input[type="checkbox"] + label:last-child{margin-right:0;}
.product-tax01{position:relative; padding-left:20px;}
.product-tax01::before{content:''; display:block; position:absolute; top:3px; left:2px;  width:15px; height:15px; background:url(../../../images/mark-type01.png) center center no-repeat; background-size:contain;}
.tab_container {padding:10px; position:relative; width:100%; float:left;}
.infor_qna_box {overflow: hidden;}
.infor_qna_box .infor_list_box li {margin-bottom:5px;}
.infor_qna_box .infor_list_box li .infor_q{margin:0; display:flex; justify-content: space-between; height:35px; text-align:left; background-color:#fff;}
.infor_qna_box .infor_list_box li .infor_q button {margin-bottom:0; display:block; position:relative; width:26px; height:35px; font-size:1.6rem; color:#1a1a1a; font-weight:500; text-decoration:none; text-align:left; border:0; cursor:pointer; transform:rotate(180deg); background: url(/images/form-arrow.svg) center center no-repeat;background-size:16px;}
.infor_qna_box .infor_list_box li .infor_q.on button{transform:rotate(360deg); }
.infor_qna_box .infor_list_box li .infor_q.on button:after {content:''; transition:transform 0.2s ease-in-out; }
.infor_qna_box .infor_list_box li .infor_q.noinfor_q button:after{transform:none !important;}
.infor_qna_box .infor_list_box li .infor_a_box { font-weight:400; background-color:#fafafa;}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a {}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a .list-box{border-top:1px solid #ddd;}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a .list-box:first-child{}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a .list-box:last-child{border-bottom:0}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a .list-box a{padding:2.0rem 1.5rem; display:block;}
.infor_qna_box .infor_list_box li .infor_a_box .infor_a .list-box a .list-box-top{margin-bottom:3px;}


/* sticky counsel */
#sticky-counsel.hv-main { width:100%; height:130px; box-sizing: content-box; padding:20px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; max-width:720px; margin: 0 auto; position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); z-index:1;}
#sticky-counsel.hv-main { box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; }
#sticky-counsel.hv-main::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.hv-main .wrap2 { text-align: left; margin: 0 auto; height: 36px; color: #fff; line-height: 1; }
#sticky-counsel.hv-main .wrap2 .flex { display: flex; align-items: center; }
#sticky-counsel.hv-main .subjects {margin-bottom:10px; display: flex; align-items: center; justify-content: center;}
#sticky-counsel.hv-main .fields { position: relative;  margin:0 50px 10px 0;left: 50%; transform: translateX(-50%);}
#sticky-counsel.hv-main .links { width: auto; text-align: center; position: relative; }
#sticky-counsel.hv-main .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 36px; line-height: 36px; font-size: 14px; border: 0; }
#sticky-counsel.hv-main .subject { margin-right: 7px; font-weight: 300; font-size: 20px; }
#sticky-counsel.hv-main .subject em { font-weight: 700; }
#sticky-counsel.hv-main .tel { font-style: normal; font-weight: 700; font-size: 32px; }
#sticky-counsel.hv-main .field-contact { width: 100%; text-indent: 18px; border-radius: 8px; font-size: 16px; font-weight: 300; overflow: hidden;}
#sticky-counsel.hv-main .field-contact { box-sizing: content-box; height: 36px; }
#sticky-counsel.hv-main .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; color: #808080; }
#sticky-counsel.hv-main .btn-contact { position: absolute; top: 0; right: 0; background-color: #ed174d; font-size: 16px; font-weight: 700; color: #fff;  width:130px;}
#sticky-counsel.hv-main .btn-contact{ text-align: center; height: 36px; line-height: 36px; transition: all .1s ease-in-out 0s; border-radius: 0 6px 6px 0; }
#sticky-counsel.hv-main .btn-contact:hover{background-color: #a50034; border-color: #a50034;}
#sticky-counsel.hv-main .link-chat { width:180px; background-color: #898989;  height: 36px; line-height: 36px; position: relative; border-radius: 28px; overflow: hidden; text-align: center; display: inline-block;}
#sticky-counsel.hv-main .link-chat:before { content: ""; display: block; position: absolute; top: 5px; left: 15px; width: 25px; height:25px; background: url('../../../images/talkbottom.png') 0 0 no-repeat; background-size: 100%;}
#sticky-counsel.hv-main .link-chat:hover {}
#sticky-counsel.hv-main .links .icon { position: absolute; top: -3px; left: 0; width: 44px; height: 40px;  }
#sticky-counsel.hv-main .link-chat strong {font-size: 16px; padding-left:30px; color:#fff;}
#btn-totop { margin-left: 670px; }

@media screen and (max-width:390px) {


	#sticky-counsel.hv-main .subject{font-size:15px;}
	#sticky-counsel.hv-main .tel{font-size:20px;}


}




/***
230608 제휴카드 부분 수정
**/

.card-title{margin-bottom:10px; position:relative; padding-left:22px; color:#00a0ea; font-size:16px;}
.card-title::before{content:''; display:block; position:absolute; top:-1px; left:0; width:20px; height:20px; background:url(../img/card-icon.jpg) center center no-repeat; background-size:20px;}
.card-taxz{margin-bottom:15px;}
.card-cate{border-top:2px solid #000;}
.card-cate > li{padding:15px 0; display:flex; flex-direction: column; border-bottom:1px solid #ddd;}
.card-cate > li .imgbox{margin-bottom:10px; text-align:center;}
.card-cate > li img{width:40%;}
.card-cate > li .spect-cate{width:100%;}
.card-cate > li .spect-cate li{display:flex;}
.card-cate > li .spect-cate li em{width:40px;}

.card-cate table{border-top:1px solid #000; margin-bottom:10px; }
.card-cate table tr th{background-color:#f5f5f5; border-bottom:1px solid #ddd; text-align:center;}
.card-cate table tr td{padding:10px 5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.card-cate a{display:block; padding:10px 0; background-color:#00a0ea; color:#fff; text-align:center;}




/***231102_로그인 ***/
.login_detail{margin:0 auto; width:92%;}
.login_detail li.login-btnbox{padding:0; height:45px; line-height:45px; text-align:center;}
.login_detail li.login-btnbox.kakao{margin-top:20px;}
.login_detail li.login-btnbox.naverbtn{margin-top:10px;}
.login_detail li.login-btnbox.googlebtn{margin-top:10px;}
.login_detail li.login-btnbox.applebtn{margin-top:10px;}

.login_detail li.login-btnbox.kakao a{display:block;}
.login_detail li.login-btnbox.naverbtn a{display:block;}
.login_detail li.login-btnbox.googlebtn a{display:block;}
.login_detail li.login-btnbox.applebtn a{display:block;}

.login-btnbox a{}
.login-btnbox a span{position:relative; color:#fff;}


.login_detail li.login-btnbox.kakao span{ padding-left:28px;}
.login_detail li.login-btnbox.naverbtn span{ padding-left:22px;}
.login_detail li.login-btnbox.googlebtn span{ padding-left:27px;}
.login_detail li.login-btnbox.applebtn span{ padding-left:19px;}

.login-btnbox a span::after{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:contain; background-repeat:no-repeat; background-size:contain;}

.login-btnbox.applebtn a span::after{top:calc(50% - 1px)}

.login-btnbox.kakao a span::after{top:calc(50% + 1px); width:25px; height:22px;background-image:url(../images/kakao-icon.svg);}
.login-btnbox.naverbtn a span::after{width:18px; height:17px;background-image:url(../images/naver-icon.svg);}
.login-btnbox.googlebtn a span::after{width:22px; height:17px;background-image:url(../images/gmain-icon.svg);}
.login-btnbox.applebtn a span::after{width:22px; height:17px;background-image:url(../images/apple-icon.svg);}


.login_detail li.login-btnbox.kakao a span{color:#2B1718;}
.kakao{background-color:#FFE100;}
.naverbtn{background-color:#3FA636;}
.googlebtn{background-color:#213269;}
.applebtn{background-color:#222222;}
.login_detail .login_txt{margin-bottom:30px; border-bottom:0 !important;}







.btn_zone.twebtn{margin:40px auto; width:80%;}
.btn_zone.twebtn ul{display:flex; align-items:center; justify-content:center; width:100%;}
.btn_zone.twebtn ul li{width:calc(50% - 5px); text-align:center;}
.btn_zone.twebtn ul li:first-child{margin-right:10px;}
.btn_zone.twebtn ul li a{display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:14px;}
.btn_zone.twebtn ul li:first-child a{border: 1px solid #1e5aa0; color:#1e5aa0}
.btn_zone.twebtn ul li:last-child a{border: 1px solid #1e5aa0; color:#fff; background-color:#1e5aa0;}

@media screen and (max-width:340px) {

	.aside-close{top:-36px !important; background:#e9e9e9;}

}




/******연혁*******/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.hisCon {width:80%; font-family: 'Pretendard-Regular' !important; position:relative; padding:20px 0; }
.hisCon .sub .wrap h3{font-family: 'Pretendard-Regular' !important;}
.hisCon::after {content:''; display:block; clear:both;}
.hisCon .hisInner {position:relative;}
.hisCon .hisInner .hisList {position:relative; padding-top:30px;}
.hisCon .hisInner .hisList:before {content:''; display:block; position:absolute;   top:0;  height:calc(100%); background:linear-gradient(to bottom, #008cd9 0%, #34ad2d 100%); border-radius:20px;  }
.hisCon .hisInner .hisList::after {content:''; display:block; clear:both;} 
.hisCon .hisInner .hisList .hisSet:last-child {padding-bottom:0;} 

.hisCon .hisInner .hisList .hisSet.hisR {float:right; margin-left:50%; padding-left:22px;}
.hisCon .hisInner .hisList .hisSet .tit {font-family: 'Pretendard-Regular' !important; position:relative; font-weight:700; line-height:1.3; letter-spacing:-0.1rem; color:#191919; transition:font-size 0.2s linear;}
.hisCon .hisInner .hisList .hisSet .tit::before {content:''; display:block; position:absolute; top:50%;  border-width:2px; border-style:solid; border-color:rgba(0,0,0,0.2); border-radius:50%; transform:translateY(-50%);}
.hisCon .hisInner .hisList .hisSet .tit::after {content:''; display:block; position:absolute; top:50%; width:18px; height:18px; background-color:#fff; border-radius:50%; transform:translateY(-50%);} 
 .hisCon .hisInner .hisList .hisDetail {}
.hisCon .hisInner .hisList .hisDetail > li {position:relative; margin:4px 0; font-size:15px;}
.hisCon .hisInner .hisList .hisDetail > li .year {font-family: 'Pretendard-Regular' !important; position:absolute; top:0; width:80px; font-weight:500; color:#191919;}
.hisCon .hisInner .hisList .hisDetail > li .txt {width:100%; font-family: 'Pretendard-Regular' !important;}
 
.hisCon .hisInner .hisList .hisSet.hisR .hisDetail > li .year {left:0;} 
 
	.hisTop {margin-bottom:30px;}
	.hisTop .hisCopy {font-size:30px;}
	
	.hisCon .hisInner .hisList:before {left:0; width:18px; transform:translateX(0);}
	.hisCon .hisInner .hisList .hisSet {padding-bottom:40px;}
	.hisCon .hisInner .hisList .hisSet .tit {margin-bottom:16px; font-size:38px;}
	.hisCon .hisInner .hisList .hisSet {width:inherit; padding-bottom:40px;} 
	.hisCon .hisInner .hisList .hisSet.hisR {float:none; margin-left:auto; padding-left:30px;}	
	.hisCon .hisInner .hisList .hisSet .tit::before {width:14px; height:14px;}
	.hisCon .hisInner .hisList .hisSet .tit::after {width:14px; height:14px;} 
	.hisCon .hisInner .hisList .hisSet.hisR .tit::before {left:-30px;}
	.hisCon .hisInner .hisList .hisSet.hisR .tit::after {left:-28px;}
	 
	.hisTop {margin-bottom:10px; text-align:left;}
	.hisTop .hisCopy {font-size:26px;}
	
	.hisCon .hisInner .hisList .hisSet {padding-bottom:30px;}
	.hisCon .hisInner .hisList .hisSet .tit {margin-bottom:4px; font-size:28px;} 
	.hisCon .hisInner .hisList .hisSet.hisR .hisDetail > li .txt {padding-left:70px;}
