@charset "UTF-8";
/*CSS Document*/
/* reset css */
body{margin:0; padding:0; width:100%; height:100%; background-color:#ececec; position:relative;}
html{overflow-y:scroll; width:100%; height:100%;}
body, table, th, td, input, select, textarea, div{font-family:"돋움",'Dotum',Helvetica; font-size:12px; color:#404b50; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* 애니위즈 솔루션은 middle */
input[type=text],
input[type=tel],
input[type=number],
input[type=password] {vertical-align:middle; border-radius:0; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
textarea{border-radius:0; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#404b50; text-decoration:none;}
a:visited{color:#404b50; text-decoration:none;}
a:hover{color:#404b50; text-decoration:none;}
a:active{color:#404b50; text-decoration:none;}
*{-webkit-text-size-adjust:none;} 
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/* 전체메뉴
-----------------------------------------------------------------------------------------------------------*/
a#allmenu_btn{position:fixed; left:15px; bottom:15px; z-index:9;}
a#allmenu_btn img{width:80px;}


#All_Menu_Wrap{position:absolute; /*left:0;*/ top:0; z-index:10; /*width:100%;*/ min-height:100%;  background: rgba(0, 0, 0, 0.5);}
.full_width {width:100% !important}
#All_Menu{background-color:#fff; height:100%; width:250px; box-shadow:0px 0 20px #000;}

#All_Menu #AM_login{background-color:#f08200; padding:15px 10px 20px;}
#All_Menu #AM_login .name{font-size:17px; font-weight:bold; color:#fff;}
#All_Menu #AM_login .name span{display:inline-block; margin-right:5px;}
#All_Menu #AM_login .name span img{width:30px;}

#All_Menu #AM_login .btn{text-align:center; padding:15px 0 0;}
#All_Menu #AM_login .btn a{display:inline-block; width:95px; border-radius:15px; text-align:center; background-color:#d87500; border:2px solid #e4e5e7; color:#fff; font-size:13px; padding:3px 0; margin:0 2px;}

#All_Menu #AM_Menu{}
#All_Menu #AM_Menu li{border-bottom:1px solid #e9e9e9;}
#All_Menu #AM_Menu li.season{background-color:#00a3d4}
#All_Menu #AM_Menu li.recog{background-color:#ff483f}
#All_Menu #AM_Menu li .coupon{position:absolute;top:3px;right:12px;width:40px;height:40px}
#All_Menu #AM_Menu li .coupon img{max-width:100%;max-height:100%}
#All_Menu #AM_Menu li a{display:block; font-size:15px; letter-spacing:-0.05em; padding:12px 0 12px 20px; background:url(../img/btn/btn_allmenu_arrow.png) 93% 50% no-repeat; background-size:7px;}
#All_Menu #AM_Menu li.social a{background:none;}
#All_Menu #AM_Menu li.season a{position:relative;color:#fff;font-size:16px;background:url(../img/btn/btn_allmenu_arrow2.png) 93% 50% no-repeat; background-size:7px;}
#All_Menu #AM_Menu li.recog a{color:#fff;background:url(../img/btn/btn_allmenu_arrow2.png) 93% 50% no-repeat; background-size:7px;}
#All_Menu #AM_Menu li a span{display:inline-block; width:30px; height:20px; text-align:center; margin-right:5px;}
#All_Menu #AM_Menu li a span img{max-width:60%; max-height:95%;}






/* 헤더
-----------------------------------------------------------------------------------------------------------*/
/* 탑라인 */
#Topline{height:6px; overflow:hidden;}
#Topline li{float:left; width:16%; height:100%;}
#Topline li.side{width:26%;}
#Topline li.bg1{background-color:#e60012;}
#Topline li.bg2{background-color:#f08200;}
#Topline li.bg3{background-color:#10b4de;}
#Topline li.bg4{background-color:#02076e;}
#Topline li.bg5{background-color:#e51d87;}

/* 헤더 */
#Header{position:relative; height:60px; overflow:hidden; border-bottom:1px solid #768993; background-color:#fff;}
#Header h1{position:absolute; left:10px; top:5px;}
#Header h1 img{width:60%;}
#Header .topmenu{position:absolute; right:10px; top:16px;}
#Header .topmenu li{position:relative; float:left; margin-left:10px;}
#Header .topmenu li a{display:block; width:30px; height:30px; background-size:85%!important;}
#Header .topmenu li a.push{background:url(../img/btn/btn_top_notification.png) 50% 50% no-repeat;}
#Header .topmenu li a.topsearch{background:url(../img/btn/btn_top_search.png) 50% 50% no-repeat;}
#Header .topmenu li a.login{background:url(../img/btn/btn_top_login.png) 50% 50% no-repeat;}
#Header .topmenu li a.recog{background:url(../img/btn/btn_top_recog.png) 50% 50% no-repeat;}
#Header .topmenu li span{position:absolute; right:-5px; top:-5px; display:table-cell; width:20px; height:20px; line-height:20px; text-align:center; vertical-align:middle; border-radius:100%; background-color:#fc3a30; color:#fff; font-size:12px; font-weight:bold;}

/* 네비게이션 */
#Navigation{overflow:hidden; background-color:#fff;}
#Navigation li{float:left; width:20%;}
#Navigation li a{display:block; text-align:center; font-size:15px; padding:10px 0; font-weight:bold; letter-spacing:-0.05em;}
#Navigation li.on a{color:#e60012;}






/* 메인
-----------------------------------------------------------------------------------------------------------*/
/* 슬라이드 */
#M_silde{}
#M_silde ul.img li a img{width:100%;}
#M_silde ul.dot{text-align:center; padding:10px 0; line-height:0; font-size:0;}
#M_silde ul.dot li{display:inline-block; margin:0 5px; }
#M_silde ul.dot li a{display:block; width:10px; height:10px; background-color:#768993; border-radius:100%;}
#M_silde ul.dot li.on a{background-color:#01c1c3;}

/* 메인 제목 */
#M_tit{background:#fff;}
#M_tit a{display:block; font-size:15px; padding:10px 20px; font-weight:bold;}

/* 파트배너 */
#M_partbn{margin:10px 0; overflow:hidden;}
#M_partbn ul{float:left;}
#M_partbn ul li a img{width:100%;}
#M_partbn ul.L_bn{width:60%;}
#M_partbn ul.L_bn li{padding-right:1px; padding-bottom:1px;}
#M_partbn ul.R_bn{width:40%;}
#M_partbn ul.R_bn li{padding-left:1px; padding-bottom:1px;}

/* 현재 방영프로그램 */
#M_live{position:relative; background-color:#fff; padding:10px;}
#M_live p.tit{border-bottom:1px solid #e4e5e7; font-size:15px; letter-spacing:-0.05em; padding:0 5px; height:24px; font-weight:bold;}
#M_live a.more{position:absolute; right:15px; top:10px;}
#M_live a.more img{width:17px;}
#M_live ul{}
#M_live ul li{}
#M_live ul li a{display:block; font-size:15px; padding:0 0 0 20px; margin:5px 0; background:url(../img/icon/icon_bullet_grey_small.gif) 10px 50% no-repeat;}
#M_live ul li a span{display:inline-block; width:105px;}

/* mp3 */
#M_mp3{position:relative; border:7px solid #404b50; background:url(../img/bg/bg_dotted_grey.gif) left top repeat; overflow:hidden; margin:10px 0;}
#M_mp3 a.download{position:absolute; right:15px; top:50%; margin-top:-12px;}
#M_mp3 a.download img{height:24px;}
#M_mp3 .control{float:left; overflow:hidden; height:30px; width:110px; padding:10px 1px; background:#fff; border-right:1px solid #e3e4e8;}
#M_mp3 .control li{float:left; padding:0 3px;}
#M_mp3 .control li a{display:table-cell; width:30px; height:30px; text-align:center; vertical-align:middle;}
#M_mp3 .control li a img{width:65%;}
#M_mp3 .control li.play a img{width:100%;}
#M_mp3 div.tit{float:left; padding:0 0 0 10px;}
#M_mp3 div.tit a{display:table-cell; height:51px; vertical-align:middle; font-weight:bold; font-size:14px; color:#e4027f;}

/* 이벤트 광고 */
#M_eventbn{position:relative;}
#M_eventbn img{width:100%;}





/* 서브1 : 프로그램
-----------------------------------------------------------------------------------------------------------*/
/* 프로그램 리스트 */
#program_list_wrap{padding:7px 10px;}
ul.program_list{}
ul.program_list li{position:relative; height:93px; background:#fff; border:1px solid #bbc9d0; margin-top:10px; padding:7px 10px; overflow:hidden;}
ul.program_list li a{display:block; height:93px;}
ul.program_list li div.img{position:absolute; right:5px; top:5px; width:140px; height:95px; border:1px solid #e4e5e7;}
ul.program_list li div.img img{width:100%; height:100%;}
ul.program_list li div.info{width:48%; font-size:13px;}
ul.program_list li div.info p.tit{font-size:15px; font-weight:bold; color:#252b2e; margin-bottom:5px;}
ul.program_list li div.info p.tit span{display:inline-block; font-size:9px; color:#fff; background:#f08200; padding:2px 5px; vertical-align:middle;}
@media all and (min-width: 620px) and (max-width: 999999px){
ul.program_list li div.info{width:60%;}
}

/* 프로그램 뷰-------------------------------------- */
#program_view_wrap{position:absolute; left:0; top:0; z-index:20; background:#ececec; width:100%; min-height:100%; z-index:2;}
/* 슬라이드이미지 */
#program_view_wrap #program_view_silde{}
#program_view_wrap #program_view_silde ul.img li a img{width:100%;}
#program_view_wrap #program_view_silde ul.dot{text-align:center; padding:10px 0; line-height:0; font-size:0;}
#program_view_wrap #program_view_silde ul.dot li{display:inline-block; margin:0 5px; }
#program_view_wrap #program_view_silde ul.dot li a{display:block; width:10px; height:10px; background-color:#768993; border-radius:100%;}
#program_view_wrap #program_view_silde ul.dot li.on a{background-color:#01c1c3;}
/* 프로그램 정보 */
#program_view_wrap .program_info{background:#fff; margin:5px 10px 10px; border:1px solid #bbc9d0; padding:10px 15px;}
#program_view_wrap .program_info ul{}
#program_view_wrap .program_info ul li{position:relative; padding-left:60px; margin:7px 0; font-size:13px;}
#program_view_wrap .program_info ul li span{position:absolute; left:0; top:0; width:50px; border-right:1px solid #ddd; font-weight:bold;}
#program_view_wrap .program_info ul li.tit{font-weight:bold;}
#program_view_wrap .program_info ul li.tit span{}
#program_view_wrap .program_info ul li.story{padding-left:0; padding-top:20px; text-align:justify;}
#program_view_wrap .program_info ul li.story span{display:block; width:auto; border-right:0 none;}
/* 탭 */
#program_view_wrap .program_tab li.on a{background:#00a3d4!important;}
	/* 영상보기--------------------------------------------------------- */
	#program_view_wrap .program_video{margin:0 10px 10px; border:1px solid #bbc9d0; background:#fff;}
	#program_view_wrap .program_video .video{padding:10px 10px 10px;}
	#program_view_wrap .program_video .info{padding:0 15px 15px; font-size:13px; text-align:justify;}
	#program_view_wrap .program_video .info p{font-size:17px; font-weight:bold;}
	#program_view_wrap .program_video .other_video{border-top:1px solid #ececec; padding:10px 15px 0px;}
	#program_view_wrap .program_video .other_video p.tit{font-size:14px;}
	#program_view_wrap .program_video .other_video ul{}
	#program_view_wrap .program_video .other_video ul li{position:relative; overflow:hidden; padding-left:115px; height:76px; margin:10px 0;}
	#program_view_wrap .program_video .other_video ul li a{display:relative;}
	#program_view_wrap .program_video .other_video ul li div.img{position:absolute; left:0; top:0;}
	#program_view_wrap .program_video .other_video ul li p{font-weight:bold; font-size:14px; padding:8px 0 0;}
	#program_view_wrap .program_video .other_video ul li span{display:block; font-size:13px; color:#768993;}

	#program_view_wrap .program_video .other_video .img{display:inline;}

	/* 캐릭터 소개------------------------------------------------------- */
	#program_view_wrap .program_character{margin:0 10px 20px; border:1px solid #bbc9d0; background:#fff;}
	#program_view_wrap .program_character ul.list{padding:0 10px 0;}
	#program_view_wrap .program_character ul.list li{position:relative; overflow-y:auto; word-break:break-all;padding-left:115px; height:100px; margin:10px 0;}
	#program_view_wrap .program_character ul.list li a{display:block;}
	#program_view_wrap .program_character ul.list li div.img{position:absolute; left:0; top:10px;}
	#program_view_wrap .program_character ul.list li p{font-weight:bold; font-size:14px; padding:8px 0 0;}
	#program_view_wrap .program_character ul.list li span{display:block; font-size:13px;}
	#program_view_wrap .program_character a.more{display:block; background:#f9f8f8; border-top:1px solid #bbc9d0; text-align:center; padding:10px 0;}
	#program_view_wrap .program_character a.more span{display:inline-block; padding-right:15px; background:url(../img/btn/btn_more_arrow.png) right 50% no-repeat; background-size:10px auto; color:#95a4ac; font-size:12px;}
	/* 준비중------------------------------------------------------------ */
	#program_view_wrap .program_commingsoon{margin:0 10px 20px; text-align:center; font-size:14px; font-weight:bold; line-height:150px; border:1px solid #bbc9d0; background:#fff;}










/* 서브2 : 편성표
-----------------------------------------------------------------------------------------------------------*/
#Schedule_wrap{}
#Schedule_wrap table{}
#Schedule_wrap table td, #Schedule_wrap table th{text-align:center; font-size:14px;}
#Schedule_wrap table thead{}
#Schedule_wrap table thead th, #Schedule_wrap table thead td{background:#404b50; color:#fff; font-weight:bold; height:35px;}
#Schedule_wrap table thead th{}
#Schedule_wrap table thead td{}
#Schedule_wrap table tbody{background:#f4ffff;}
#Schedule_wrap table tbody th, #Schedule_wrap table tbody td{color:#252b2e; font-weight:normal; border-bottom:1px solid #d9d9d9; height:30px;}
#Schedule_wrap table tbody th{position:relative;}
#Schedule_wrap table tbody th .icon_now{position:absolute; left:0; top:0;}
#Schedule_wrap table tbody th .icon_now img{width:33px;}
#Schedule_wrap table tbody td{border-left:1px solid #d9d9d9;}
#Schedule_wrap table tbody td a.geturl img{width:17px;}
#Schedule_wrap table tbody .bg{background:#fffaf5!important;}
#Schedule_wrap table tbody .subject{text-align:left; padding:5px 0 5px 15px;}












/* 서브3 : 이벤트
-----------------------------------------------------------------------------------------------------------*/
#event_list_wrap{padding:7px 10px;}
/* 리스트 */
ul.event_list{}
ul.event_list li{background:#fff; border:1px solid #bbc9d0; padding:7px; margin:10px 0;}
ul.event_list li div.img{border:1px solid #e4e5e7}
ul.event_list li div.img img{width:100%;}
ul.event_list li div.info{position:relative; padding:7px 5px 0;}
ul.event_list li div.info p{font-size:16px; font-weight:bold; color:#252b2e; width:82%;}
ul.event_list li div.info span{display:block; font-size:14px;}
ul.event_list li div.info div.view{position:absolute; right:10px; top:10px; padding-left:18px; background:url(../img/icon/icon_view.png) left 50% no-repeat; background-size:15px; color:#768993; font-size:11px;}


/* 서브3 : 진행중인 이벤트
-----------------------------------------------------------------------------------------------------------*/
#event_ing_wrap{position:absolute; left:0; top:0; z-index:20; background:#ececec; width:100%; min-height:100%; z-index:2;}
#event_ing_wrap .eventimg{}

/* 탭 */
#event_ing_wrap .event_tab{margin-top:10px;}
#event_ing_wrap .event_tab li.on a{background:#f08200!important;}
	/* 응모하기 : 사진------------------------------------------------------- */
	#event_ing_wrap .event_apply_photo{margin:0 10px 20px; border:1px solid #bbc9d0; background:#fff;}
	#event_ing_wrap .event_apply_photo div.apply{position:relative; margin:0 10px 0; padding:20px 0 0; height:40px; color:#768993; font-size:15px; border-bottom:1px solid #ececec;}
	#event_ing_wrap .event_apply_photo div.apply a{position:absolute; right:0; top:10px; display:inline-block; background:#ff483f; color:#fff; padding:10px 15px; font-size:14px;}
	/* 리스트 */
	#event_ing_wrap .event_apply_photo ul.list{margin:0 8px 0; overflow:hidden;}
	#event_ing_wrap .event_apply_photo ul.list li{float:left; width:50%; margin:10px 0;}
	#event_ing_wrap .event_apply_photo ul.list li a{display:block; margin:0 5px;}
	#event_ing_wrap .event_apply_photo ul.list li div.img{border:1px solid #e4e5e7;}
	#event_ing_wrap .event_apply_photo ul.list li div.img img{width:100%;}
	#event_ing_wrap .event_apply_photo ul.list li p{font-weight:bold; font-size:14px; margin:5px 0 0;}
	#event_ing_wrap .event_apply_photo ul.list li div.id{overflow:hidden;width:100%;}
	#event_ing_wrap .event_apply_photo ul.list li div.id span{float:left; font-size:13px;}
	#event_ing_wrap .event_apply_photo ul.list li div.id small{float:right; font-size:13px; color:#768993;}
	/* 유의사항------------------------------------------------------------- */
	#event_ing_wrap .event_notice{margin:0 10px 20px; border:1px solid #bbc9d0; background:#fff; padding:10px; text-align:justify; line-height:1.4;}
	#event_ing_wrap .event_notice p{font-weight:bold;}
	/* 응모하기 : 코멘트----------------------------------------------------- */
	#event_ing_wrap .event_apply_comment{margin:0 10px 20px; border:1px solid #bbc9d0; background:#fff;}
	#event_ing_wrap .event_apply_comment .total{background:#ececec; color:#768993; font-size:13px; padding:7px 10px;}
	/* 등록인풋 */
	#event_ing_wrap .event_apply_comment ul.comment_input{overflow:hidden; margin:10px;}
	#event_ing_wrap .event_apply_comment ul.comment_input li.input{float:left; width:79%;}
	#event_ing_wrap .event_apply_comment ul.comment_input li.btn{float:right; width:20%; text-align:right;}
    #event_ing_wrap .event_apply_comment ul.comment_input li.input input {
            border: 1px solid #e4e5e7;
            height: 38px;
            color: #768993;
            font-size: 14px;
            width: 100%;
        }
	#event_ing_wrap .event_apply_comment ul.comment_input li button{background:#ff483f; color:#fff; font-size:14px; height:40px; width:95%;}
	/* 코멘트 리스트 */
	#event_ing_wrap .event_apply_comment ul.comment_list{margin:10px;}
	#event_ing_wrap .event_apply_comment ul.comment_list li{position:relative; border-bottom:1px solid #ececec; padding:10px;}
	#event_ing_wrap .event_apply_comment ul.comment_list li a{display:block;}
	#event_ing_wrap .event_apply_comment ul.comment_list li p{font-size:14px;}
	#event_ing_wrap .event_apply_comment ul.comment_list li span{display:block; font-size:14px; padding:5px 0 0; text-align:justify; line-height:1.4;word-break:break-all; word-wrap:break-word;}
	#event_ing_wrap .event_apply_comment ul.comment_list li b{position:absolute; right:10px; top:10px; font-weight:normal; color:#768993; font-size:14px;}
	/* 선택지 */
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz{}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li{position:relative; overflow:hidden; margin:10px; height:80px; padding-left:90px;}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.img{position:absolute; left:0; top:0; width:80px;}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.img img{width:100%;}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.subject{}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.subject span{display:table-cell; height:80px; vertical-align:middle; font-weight:bold; font-size:15px;}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.btn{position:absolute; right:0; top:50%; margin-top:-14px;}
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li div.btn a{display:table-cell; background:#91a8b4; color:#fff; font-size:13px; width:55px; height:28px; text-align:center; vertical-align:middle; border:1px solid #91a8b4;}
	
	
  

	#event_ing_wrap .event_apply_comment .event_apply_quiz .on .btn_vote {background-color:#768993; border-color:#768993;}

	 #event_ing_wrap .event_apply_comment .event_apply_quiz .on .btn_vote_active{background-color:#00a3d4; border-color:#00a3d4;}
	
	#event_ing_wrap .event_apply_comment ul.event_apply_quiz li.not_choice{opacity:0.4;}
	


/* 서브3 : 사진 및 영상올리기, 자유게시판 글쓰기
-----------------------------------------------------------------------------------------------------------*/
#event_apply_video{position:absolute; left:0; top:0; z-index:20; background:#ececec; width:100%; min-height:100%; z-index:2;}
#write_wrap{margin:5px; background:#fff; border:1px solid #bbc9d0; padding:0 10px 10px; overflow:hidden;}
#write_wrap ul.write{}
#write_wrap ul.write li{position:relative; padding-left:60px; margin:10px 0;}
#write_wrap ul.write li span{position:absolute; left:0; top:5px; font-weight:bold; font-size:14px;}
#write_wrap ul.write li input{color:#bfbfbf; border:1px solid #bbc9d0; width:100%; height:38px; font-size:14px;}
#write_wrap ul.write li textarea{color:#bfbfbf; border:1px solid #bbc9d0; width:100%; height:200px; font-size:14px;}

/* 사진_영상 선택 */
#write_wrap ul.write li ul.choice_media {white-space:nowrap; overflow-x:scroll; overflow-y:hidden;}
#write_wrap ul.write li ul.choice_media li{display:inline-block; position:relative; margin:0 7px 0 0; padding:0; width:120px; border:1px solid #bbc9d0;}
#write_wrap ul.write li ul.choice_media li img{width:100%;}
#write_wrap ul.write li ul.choice_media li a.delete{position:absolute; right:5px; top:5px;}
#write_wrap ul.write li ul.choice_media li a.delete img{width:20px;}

/* 버튼 */
#write_wrap div.btn {}
#write_wrap div.btn button{width:100%; height:50px; background:#ff483f; text-align:center; color:#fff; font-size:15px;}



/* 서브3 : 이벤트 상세
-----------------------------------------------------------------------------------------------------------*/
#event_view_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2;}
/* 제목 */
#event_view_wrap div.title{background:#f8f8f8; padding:10px;}
#event_view_wrap div.title p{font-weight:bold; font-size:17px; margin-bottom:5px;}
#event_view_wrap div.title div.info{overflow:hidden;}
#event_view_wrap div.title div.info span{float:left; font-size:15px;}
#event_view_wrap div.title div.info b{float:right; font-size:15px; color:#768993; font-weight:normal;}
/* 게시글 내용 */
#event_view_wrap div.cont{padding:10px; font-size:15px;}












/* 서브4 : 커뮤니티
-----------------------------------------------------------------------------------------------------------*/
#community_list_wrap{padding:7px 10px;}
#community_list_wrap ul{}
#community_list_wrap ul li{border:1px solid #bbc9d0; padding:10px 20px 10px 10px; margin:10px 0; background:url(../img/btn/btn_more.png) 98% 50% no-repeat #fff; background-size:8px auto;}
#community_list_wrap ul li p{font-size:17px; font-weight:bold;}
#community_list_wrap ul li span{display:block; font-size:14px; margin:5px 0 5px;}
#community_list_wrap ul li b{display:block; font-weight:normal; color:#768993; font-size:12px;}

/* 서브4 : 커뮤니티_상세
-----------------------------------------------------------------------------------------------------------*/
#community_view_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2;}
/* 제목 */
#community_view_wrap div.title{background:#f8f8f8; padding:10px; position:relative;}
#community_view_wrap div.title p{font-weight:bold; font-size:17px; margin-bottom:5px; padding-right:50px;}
#community_view_wrap div.title div.info{overflow:hidden;}
#community_view_wrap div.title div.info span{float:left; font-size:15px;}
#community_view_wrap div.title div.info b{float:right; font-size:15px; color:#768993; font-weight:normal;}
#community_view_wrap div.title div.modify{position:absolute; right:10px; top:10px;}
#community_view_wrap div.title div.modify a.btn{display:block; width:40px; height:40px; background:url(../img/btn/btn_modify.png) 50% 50% no-repeat; background-size:6px auto;}
#community_view_wrap div.title div.modify div.on{position:absolute; right:0; top:0; width:50px; padding:10px 15px; background:#f2f2f2; box-shadow:0px 0px 3px #777;}
#community_view_wrap div.title div.modify div.on a{display:block; font-size:15px; margin:5px 0;}
/* 게시글 내용 */
#community_view_wrap div.cont{padding:10px; font-size:15px;}
/* 커뮤니티 */
#community_view_wrap .sns_share{position:fixed; left:0; bottom:0; width:100%;}












/* 회원 : 로그인
-----------------------------------------------------------------------------------------------------------*/
#member_login_wrap{position:absolute; left:0; top:0; z-index:20; background:#f2f2f2; width:100%; min-height:100%; z-index:2;}
#member_login_wrap ul.login{margin:10px;}
#member_login_wrap ul.login li{margin-bottom:10px; font-size:17px;}
#member_login_wrap ul.login li input{border:1px solid #bbc9d0; border:1px solid #bbc9d0; color:#bbc9d0; font-size:17px; width:100%; height:45px;}
#member_login_wrap ul.login li button{background:#f08200; color:#fff; font-size:17px; font-weight:bold; width:100%; height:50px;}
/* 링크 */
#member_login_wrap .link{border-width:1px 0; border-style:solid; border-color:#dcdcdc; margin:60px 10px 10px; padding:3px 0;}
#member_login_wrap .link ul{border-width:1px 0; border-style:solid; border-color:#dcdcdc;}
#member_login_wrap .link ul li{overflow:hidden; margin:10px; font-size:15px; color:#5e5e5e;}
#member_login_wrap .link ul li a{float:right;}












/* 회원 : 아이디_비밀번호 찾기
-----------------------------------------------------------------------------------------------------------*/
#member_idpass_wrap{position:absolute; left:0; top:0; z-index:20; background:#f2f2f2; width:100%; min-height:100%; z-index:2;}
#member_idpass_wrap ul{overflow:hidden; margin:20px 7px 0;}
#member_idpass_wrap ul li{float:left; width:50%;}
#member_idpass_wrap ul li div{margin:0 3px;}
#member_idpass_wrap ul li button{color:#fff; font-size:17px; font-weight:bold; width:100%; height:40px; border-radius:4px;}
#member_idpass_wrap ul li button.id{background-color:#f08200;}
#member_idpass_wrap ul li button.pass{background-color:#bbc9d0;}
#member_idpass_wrap .phone{border-top:1px solid #e4e5e7; margin:15px 10px 0; padding-top:15px;}
#member_idpass_wrap .phone button{background-color:#404b50; color:#fff; width:100%; height:45px; font-size:17px; font-weight:bold; border-radius:4px;}

/*추가 20150224-손기남*/
#member_idpass_wrap .mypage{padding:10px;}
#member_idpass_wrap .mypage table{}
#member_idpass_wrap .mypage table th{width:20%; text-align:left;}
#member_idpass_wrap .mypage table th span{display:block; font-weight:normal; font-size:15px; padding-left:8px; background:url(../img/icon/icon_bullet_grey_small.gif) left 50% no-repeat;}
#member_idpass_wrap .mypage table td{padding:7px 0; font-size:15px;}
#member_idpass_wrap .mypage table tr.rowgroup td{padding-bottom:0;}
#member_idpass_wrap .mypage table td div{font-size:15px;}
#member_idpass_wrap .mypage input{border:1px solid #e4e5e7; color:#e4e5e7; font-size:15px; height:45px; width:100%;}
#member_idpass_wrap .mypage input.lock{background:#fafbfc; color:#768993;}
#member_idpass_wrap .mypage input.fix{color:#404b50;}
#member_idpass_wrap .txt{padding:20px 20px 20px 23px; font-size:15px;text-align:center; }
#member_idpass_wrap .txt b{color:#000000;}
#member_idpass_wrap .txt span{color:#f08200;font-weight:bold;}











/* 회원 : 정보수정
-----------------------------------------------------------------------------------------------------------*/
#member_mypage_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2;}
/* 테이블 */
#member_mypage_wrap .mypage{padding:10px;}
#member_mypage_wrap .mypage table{}
#member_mypage_wrap .mypage table th{width:20%; text-align:left;}
#member_mypage_wrap .mypage table th span{display:block; font-weight:normal; font-size:15px; padding-left:8px; background:url(../img/icon/icon_bullet_grey_small.gif) left 50% no-repeat;}
#member_mypage_wrap .mypage table td{padding:7px 0; font-size:15px;}
#member_mypage_wrap .mypage table tr.rowgroup td{padding-bottom:0;}
#member_mypage_wrap .mypage table td div{font-size:15px;}
/* 인풋 */
#member_mypage_wrap .mypage input{border:1px solid #e4e5e7; color:#e4e5e7; font-size:15px; height:45px; width:100%;}
#member_mypage_wrap .mypage input.lock{background:#fafbfc; color:#768993;}
#member_mypage_wrap .mypage input.fix{color:#404b50;}
/* 셀렉트 */
#member_mypage_wrap .mypage .select{float:left; position:relative; width:100%; border:1px solid #e4e5e7; height:45px;}
#member_mypage_wrap .mypage .select b{display:inline-block; color:#404b50; font-size:15px; line-height:45px; font-size:15px; font-weight:normal; padding-left:10px;}
#member_mypage_wrap .mypage .select span{position:absolute; right:0; top:0; width:45px; height:45px; border-left:1px solid #e4e5e7; background:url(../img/btn/select.png) 50% 50% no-repeat; background-size:20px;}
#member_mypage_wrap .mypage .address_select{overflow:hidden; margin-bottom:10px;}
#member_mypage_wrap .mypage .address_select .col2{float:left; width:49.9%;}
#member_mypage_wrap .mypage .address_select .add2{border-left:0 none;}

/* 등록 */
#member_mypage_wrap div.btn{padding:10px;}
#member_mypage_wrap div.btn button{background-color:#ff483f; color:#fff; width:100%; height:45px; font-size:17px; font-weight:bold;}


/* 회원 : 회원가입1 : 약관동의 2024-02-01 {
-----------------------------------------------------------------------------------------------------------*/
#member_join1_wrap{position:absolute; left:0; top:0; z-index:20; background:#f2f2f2; width:100%; min-height:100%; z-index:2;}
/* 약관 */
#member_join1_wrap .agree {position:relative; margin:10px 10px 10px;}
#member_join1_wrap .agree p {font-weight:bold; font-size:20px; padding:0px 100px 7px 0px;}
#member_join1_wrap .agree a.allview {position:absolute; right:0; top:0; display:block; background:#fff; color:#5e5e5e; font-size:14px; border:1px solid #c8c7cc; padding:4px 20px;}
#member_join1_wrap .agree div {background:#fff; border:1px solid #c8c7cc; padding:10px; line-height: 1.4;}
#member_join1_wrap .agree div textarea {width:100%; height:130px; border:0 none; font-size:13px; color:#7d7d7d; text-align:justify;}
#member_join1_wrap .agree div pre{
	width:100%; 
	height:130px; 
	overflow-y: auto;
	overflow-x: hidden;
	border:0 none; 
	font-family: "돋움",'Dotum',Helvetica;
	font-size:13px; 
	color:#7d7d7d; 
	text-align:left;
	white-space: pre-wrap;
}
#member_join1_wrap .agree div .point {
	font-size: 120%;
	color: #f08200;
	text-decoration: underline;
}

/* 동의 */
#member_join1_wrap .agree_check{margin:5px 10px 0; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join1_wrap .agree_check span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join1_wrap .agree_check1{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join1_wrap .agree_check1 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join1_wrap .agree_check2{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join1_wrap .agree_check2 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join1_wrap .agree_check3{margin:5px 10px 30px; padding-right: 40px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join1_wrap .agree_check3 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join1_wrap .agree_check4{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join1_wrap .agree_check4 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

/* 다음 */
#member_join1_wrap div.btn{padding:30px 10px 20px;}
#member_join1_wrap div.btn button{background-color:#f08200; color:#fff; width:100%; height:50px; font-size:17px; font-weight:bold;}
/* } 2024-02-01  */











/* 회원 : 회원가입2 : 본인인증
-----------------------------------------------------------------------------------------------------------*/
#member_join2_wrap{position:absolute; left:0; top:0; z-index:20; background:#f2f2f2; width:100%; min-height:100%; z-index:2;}
/* 나이 */
#member_join2_wrap ul{overflow:hidden; margin:20px 7px 0;}
#member_join2_wrap ul li{float:left; width:50%;}
#member_join2_wrap ul li div{margin:0 3px;}
#member_join2_wrap ul li button{color:#fff; font-size:15px; font-weight:bold; width:100%; height:50px; border-radius:4px;}
#member_join2_wrap ul li button.under14{background-color:#f08200;}
#member_join2_wrap ul li button.more14{background-color:#bbc9d0;}
/* 텍스트 */
#member_join2_wrap .txt{padding:10px 10px 10px 23px; background:url(../img/icon/star.png) 10px 14px no-repeat; background-size:7px;}
#member_join2_wrap .txt b{color:#f08200;}
/* 휴대폰 인증하기 */
#member_join2_wrap div.phone_btn{padding:30px 10px 20px; height:200px;}
#member_join2_wrap div.phone_btn button{background-color:#404b50; color:#fff; width:100%; height:45px; font-size:17px; font-weight:bold; border-radius:3px;}
#member_join2_wrap div.phone_btn div{border-top:1px solid #e4e5e7; text-align:center; font-weight:bold; font-size:17px; color:#f08200; margin-top:20px; padding-top:20px;}
/* 다음 */
#member_join2_wrap div.btn{padding:0 10px 20px;}
#member_join2_wrap div.btn button{background-color:#f08200; color:#fff; width:100%; height:50px; font-size:17px; font-weight:bold; border-radius:3px;}










/* 회원 : 회원가입3 : 정보입력
-----------------------------------------------------------------------------------------------------------*/
#member_join3_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2;}
/* 테이블 */
#member_join3_wrap .mypage{padding:10px;}
#member_join3_wrap .mypage table{}
#member_join3_wrap .mypage table th{width:20%; text-align:left;}
#member_join3_wrap .mypage table th span{display:block; font-weight:normal; font-size:15px; padding-left:8px; }
#member_join3_wrap .mypage table td{padding:7px 0; font-size:15px;}
#member_join3_wrap .mypage table tr.rowgroup td{padding-bottom:0;}
#member_join3_wrap .mypage table td div{font-size:15px;}
/* 인풋 */
#member_join3_wrap .mypage input{border:1px solid #e4e5e7; color:#404b50; font-size:15px; height:45px; width:100%;}
#member_join3_wrap .mypage input.lock{background:#fafbfc; color:#768993;}
#member_join3_wrap .mypage input.fix{color:#404b50;}
/* 셀렉트 */
#member_join3_wrap .mypage .select{float:left; position:relative; width:100%; border:1px solid #e4e5e7; height:45px;}
#member_join3_wrap .mypage .select b{display:inline-block; color:#e4e5e7; font-size:15px; line-height:45px; font-size:15px; font-weight:normal; padding-left:10px;}
#member_join3_wrap .mypage .select span{position:absolute; right:0; top:0; width:45px; height:45px; border-left:1px solid #e4e5e7; background:url(../img/btn/select.png) 50% 50% no-repeat; background-size:20px;}
#member_join3_wrap .mypage .address_select{overflow:hidden; margin-bottom:10px;}
#member_join3_wrap .mypage .address_select .col2{float:left; width:49.9%;}
#member_join3_wrap .mypage .address_select .add2{border-left:0 none;}

#member_join3_wrap .agree {position:relative; margin:10px 10px 10px;}
#member_join3_wrap .agree p {font-weight:bold; font-size:20px; padding:0px 100px 7px 0px;}
#member_join3_wrap .agree a.allview {position:absolute; right:0; top:0; display:block; background:#fff; color:#5e5e5e; font-size:14px; border:1px solid #c8c7cc; padding:4px 20px;}
#member_join3_wrap .agree div {background:#fff; border:1px solid #c8c7cc; padding:10px; line-height: 1.4;}
#member_join3_wrap .agree div textarea {width:100%; height:130px; border:0 none; font-size:13px; color:#7d7d7d; text-align:justify;}
#member_join3_wrap .agree div pre{
	width:100%; 
	height:130px; 
	overflow-y: auto;
	overflow-x: hidden;
	border:0 none; 
	font-family: "돋움",'Dotum',Helvetica;
	font-size:13px; 
	color:#7d7d7d; 
	text-align:left;
	white-space: pre-wrap;
}
#member_join3_wrap .agree div .point {
	font-size: 120%;
	color: #f08200;
	text-decoration: underline;
}

/* 동의 */
#member_join3_wrap .agree_check{margin:5px 10px 0; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join3_wrap .agree_check span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join3_wrap .agree_check1{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join3_wrap .agree_check1 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join3_wrap .agree_check2{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join3_wrap .agree_check2 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join3_wrap .agree_check3{margin:5px 10px 30px; padding-right: 40px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join3_wrap .agree_check3 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}

#member_join3_wrap .agree_check4{margin:5px 10px 30px; position:relative; font-size:20px; font-weight:bold; line-height:35px;}
#member_join3_wrap .agree_check4 span{position:absolute; right:0; top:0; display:block; background:url(../img/btn/checkbox_off.png) left top no-repeat; background-size:35px; width:35px; height:35px;}




/* 등록 */
#member_join3_wrap div.btn{padding:10px;}
#member_join3_wrap div.btn button{background-color:#f08200; color:#fff; width:100%; height:50px; font-size:17px; font-weight:bold;}










/* 환경설정
-----------------------------------------------------------------------------------------------------------*/
#settings_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2;}
#settings_wrap ul{}
#settings_wrap ul li{position:relative; font-size:17px; color:#4b4c53; padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
#settings_wrap ul li div.control{position:absolute; right:15px; top:13px; width:55px; height:26px; background:url(../img/btn/btn_control.png) left top no-repeat; background-size:55px auto;}
#settings_wrap ul li div.control.on{background-image:url(../img/btn/btn_controlon.png);}










/* 푸시함
-----------------------------------------------------------------------------------------------------------*/
#push_wrap{position:absolute; left:0; top:0; z-index:20; background:#e9e9e9; width:100%; min-height:100%; z-index:2;}
#push_wrap .push_cont{margin:10px;}
#push_wrap .push_cont div.date{font-size:15px; color:#768993;}
#push_wrap .push_cont ul{margin-bottom:20px;}
#push_wrap .push_cont ul li{padding:15px; margin-top:10px; min-height:60px; font-size:17px; background:#fff; border:1px solid #ddd; border-radius:5px;}










/* 검색
-----------------------------------------------------------------------------------------------------------*/
#Search_wrap{position:absolute; left:0; top:6px; z-index:20; background:#e9e9e9; width:100%; min-height:100%; z-index:2;}
/* 검색창 */
#Search_wrap .top_search{height:70px; background:#fff; position:relative;}
	/* back 버튼 */
	#Search_wrap .top_search a.btn_back{position:absolute; display:block; left:0; top:0; width:40px; height:70px; background:url(../img/btn/btn_search_back.png) 50% 50% no-repeat; background-size:12px auto;}
	/* 인풋 */
	#Search_wrap .top_search div.input{height:50px; padding:10px 65px 10px 40px;}
	#Search_wrap .top_search div.input input{width:100%; height:46px; background:#fff; border-width:2px 0 2px 2px; border-style:solid; border-color:#e4e5e7; border-radius:5px 0 0 5px; font-size:17px; color:#404b50;}
	#Search_wrap .top_search div.input.on input{color:#404b50!important;}
	/* 버튼 */
	#Search_wrap .top_search div.btn{position:absolute; right:10px; top:10px; width:51px; height:46px; border:2px solid #e4e5e7; border-radius:0 5px 5px 0; background:#fff;}
	#Search_wrap .top_search div.btn button{width:53px; height:48px;}
	#Search_wrap .top_search div.btn button img{width:45%;}
/* 탭 */
#Search_wrap .search_tab{overflow:hidden;}
#Search_wrap .search_tab li{float:left; width:50%;}
#Search_wrap .search_tab li a{display:block; height:36px; padding:15px 0 0; text-align:center; font-size:15px; font-weight:bold; color:#fff; background:#bbc9d0;}
#Search_wrap .search_tab li.on a{background:#404b50;}

#Search_wrap .Search_cont{margin:0 10px 10px;}










/* 개인정보 취급방침, 이용약관
-----------------------------------------------------------------------------------------------------------*/
#privacy_wrap{position:absolute; left:0; top:0; z-index:20; background:#fff; width:100%; min-height:100%; z-index:2; word-break: keep-all;}
#privacy_wrap .privacy_cont{margin:10px; font-size:15px;}















/* 공통
-----------------------------------------------------------------------------------------------------------*/
/* 네비게이션 하단 라인+그림자 */
.navi_line{border-top:1px solid #404b50; height:2px; background:#dadcdc;}

/* 디자인 셀렉트 박스 */
.Dselect{padding:8px 10px; font-size:15px; color:#252b2e; border:1px solid #bbc9d0; background:url(../img/icon/icon_arrow_black_bottom.png) 97% 50% no-repeat #fff; background-size:15px auto;}
.Uselect{padding:8px 10px; font-size:15px; color:#252b2e; border:1px solid #bbc9d0; background:url(../img/icon/icon_arrow_black_up.png) 97% 50% no-repeat #fff; background-size:15px auto;}
.Oselect{padding:8px 10px; font-size:15px; color:#252b2e; border:1px solid #bbc9d0; background: #fff; background-size:15px auto;}

/* 빨간배경 타이틀 */
h2.tit{position:relative; height:40px; padding:12px 0 0; background:#e60012; text-align:center; color:#fff; font-size:20px; font-weight:bold;line-height:28px}
h2.tit a.btn_back{position:absolute; left:10px; top:17px;}
h2.tit a.btn_back img{width:12px;}
h2.tit a.btn_close{position:absolute; right:10px; top:17px;}
h2.tit a.btn_close img{width:18px;}
h2.tit.double-line{line-height:20px;padding:8px 0 4px}
h2.tit.double-line span.small-text{font-size:16px}

/* 더보기 버튼 */
a.btn_more{display:block; background:#f9f8f8; border:1px solid #bbc9d0; text-align:center; padding:10px 0;}
a.btn_more span{display:inline-block; padding-right:15px; background:url(../img/btn/btn_more_arrow.png) right 50% no-repeat; background-size:10px auto; color:#95a4ac; font-size:12px;}
a.btn_more.topline{border-width:1px 0 0 0!important;}

/* TOP 버튼 */
a.btn_top{position:fixed; right:15px; bottom:15px; z-index:9;}
a.btn_top img{width:60px;}


/* 가로 2단 탭 */
ul.tab_col2{overflow:hidden; margin:0 8px;}
ul.tab_col2 li{float:left; width:50%;}
ul.tab_col2 li a{display:block; text-align:center; font-size:15px; color:#fff; font-weight:bold; background:#bbc9d0; border-radius:5px 5px 0 0; margin:0 2px; height:28px; padding:10px 0 0;}
ul.tab_col2 li.on a{background:#f08200;}


/* sms공유 */
.sns_share{overflow:hidden; background:#fff; border-width:1px 0 1px 0; border-style:solid; border-color:#e4e5e7;}
.sns_share li{float:left; width:50%;}
.sns_share li a{display:block; text-align:center; font-size:12px ; letter-spacing:-0.05em; border-left:1px solid #e4e5e7;}
.sns_share li.facebook a{border-left:0 none;}
.sns_share li a span{font-size:12px ;display:inline-block; padding:15px 0 15px 25px; background-position:left 50%; background-repeat:no-repeat; background-size:18px;}
.sns_share li.facebook a span{background-image:url(../img/icon/icon_facebook.png);}
.sns_share li.kakao a span{background-image:url(../img/icon/icon_kakao.png);}
.sns_share li.kakao_story a span{background-image:url(../img/icon/icon_kakaostory.png);}


/* 체크박스 */
.checkbox{display:inline-block; background:url(../img/btn/checkbox.gif) left top no-repeat; background-size:30px; width:30px; height:25px; font-size:15px; padding:5px 0 0 35px; width:auto;}











/* 여백
-----------------------------------------------------------------------------------------------------------*/
.top10{margin-top:10px;}

/* 편성표 */
.brod_datetime {width:320px; height:40px; margin:auto; text-align:center; font-size:14px; position:relative}
a.btn_prev {text-indent:-9999px; position:absolute; top:8px;left: 60px;   background: url('/assets/img/btn/btn_datetime_prev.gif') no-repeat 50% 50%; display:block; width:25px; height:25px}
a.btn_next {text-indent:-9999px; position:absolute; top:8px;right: 60px;   background: url('/assets/img/btn/btn_datetime_next.gif') no-repeat 50% 50%; display:block; width:25px; height:25px}
a.btn_now { position:absolute; top:8px;right:40px; display:block; background-color:#5b686f; color:#fff; font-weight:bold; height:25px; line-height:25px; width:70px}
.item_datetime_value {  height:40px; line-height:40px; width:100px; text-align:center}






/* 주소입력 */
#member_zip_wrap{position:absolute; left:0; top:0; z-index:20; background:#f2f2f2; width:100%; min-height:100%; z-index:2;}
#member_zip_wrap .box {position:relative; margin:10px; border:1px solid #c8c7cc; background-color:#fff; padding:10px}
#member_zip_wrap .box p{ font-size:14px; line-height:22px; word-break:keep-all }
#member_zip_wrap ul{overflow:hidden; margin:15px -3px 15px -3px;}
#member_zip_wrap ul li{float:left; width:50%;}
#member_zip_wrap ul li div{margin:0 3px;}
#member_zip_wrap ul li button{color:#fff; font-size:15px; font-weight:bold; width:100%; height:50px; border-radius:4px;} 
#member_zip_wrap ul li button.off {background-color:#bbc9d0}
#member_zip_wrap ul li button.on {background-color:#f08200}

.zip_search {height:45px; width:100%; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #ececec; margin-bottom:15px}
.zip_search input[type="text"] {float:left; border:1px solid #e4e5e7; height:43px; width:65%; font-size:15px; background-color:#fafbfc}
.zip_search button.btn_zip_search {float:right; height:45px; width:33%; background-color:#404b50; color:#fff; font-size:15px; font-weight:bold;  border-radius:4px;}

.zip_list {border:1px solid #bbc9d0; padding:10px; }
.zip_list ul {width:100%; }
.zip_list li {border-bottom:1px solid #ececec; font-size:14px; cololr:#545d61; width:100% !important}

.zip_search .sel {border:2px solid red }


/* 20160725 모바일 */
.board_grid_item {display:table;width: 100%;}
.board_grid_item .img_area,
.board_grid_item .txt_area {display:table-cell;}

.board_grid_list {margin-top:10px;padding:10px 0;*zoom:1;background:#fff;}
.board_grid_list:after {content:'';display:block;clear:both;}
.board_grid_list .board_grid_item:nth-child(1) {margin-top:0;}
.board_grid_list .board_grid_item:last-child {margin-bottom:0;}
.board_grid_list .board_grid_item {position:relative;padding:0;margin:10px 0;*zoom:1;overflow: hidden;*zoom:1;}
.board_grid_list .board_grid_item:after {content:'';display:block;clear:both;}
.board_grid_list .board_grid_item .img_area {border: 1px solid #e4e5e7;width:180px;height:102px;overflow:hidden;position: relative;}
.board_grid_list .board_grid_item .img_area a {display:block;padding: 0;margin: 0;}
.board_grid_list .board_grid_item .img_area img {width:180px;height:102px;display: block;}
.board_grid_list .board_grid_item .txt_area {}
.board_grid_list .board_grid_item .txt_area {font-size:13px;line-height:18px;padding: 0 10px;vertical-align: middle;}
.board_grid_list .board_grid_item .txt_area .tit {display:block;max-height: 36px;overflow:hidden;font-weight:bold;color: #333;margin-bottom:5px;/* text-overflow:ellipsis; */-o-text-overflow:ellipsis;overflow:hidden;/* white-space:nowrap; */word-wrap:normal !important;/* background: #ccc; *//* width: 210px; *//* font-size: 15px; */padding-right: 60px;/* font-size: 15px; */display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.board_grid_list .board_grid_item .txt_area .txt {display:block;max-height: 53px;overflow:hidden;/* margin-bottom: 9px; */color: #777;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; word-break:break-all;}
.board_grid_list .board_grid_item .txt_area .date {*zoom:1;overflow:hidden;color: #777;}
.board_grid_list .board_grid_item .txt_area .date span {position:absolute;}

.board_grid_list .board_grid_item .txt_area .tit_area {position:relative;display: block;}
.board_grid_list .board_grid_item .hits {position:absolute;right: 5px;top: 0;display:block;padding-left: 23px;font-weight: bold;color: #333;background: url('../img/bg/icon_view.png') no-repeat 0 center;}

.board_grid_list .board_grid_item .time {position:absolute;right: 0;bottom: 0;padding: 0 5px;font-weight: bold;color: #333;background: url('../img/bg/mask01.png') repeat 0 0;}
.mr0 {margin:0 !important;}

.btn_100p {text-align:center;}
.btn_100p a {display:block;height:35px;line-height:35px;font-size: 15px;/* color:#333; */font-weight:bold;background: #bfbfbf;}

.blt01 { display:block;font-size: 15px; margin-left: 10px; margin-bottom: 20px; padding-left: 12px; border-left: 4px solid #01c1c3; font-size: 16px; font-weight: 600; color: #404b50;}











/* 시즌 이벤트 */
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-100{margin-bottom:100px !important}
.pb-20{padding-bottom:20px !important}
.pb-100{padding-bottom:100px !important}

.txt-orange{color:#f08200}
.txt-blue{color:#00a3d4}
.txt-red{color:#f90000}
.txt-bold{font-weight:bold}
.txt-center{text-align:center}
.btn-full{width:100%;box-sizing:border-box}
.btn-red{display:block;background-color:#ff483f;color:#fff !important;text-align:center;border:1px solid #f5342a;}
.btn.sticker{height:50px;text-align:center}
.btn.sticker img{width:50.5px;height:auto}
.btn.sticker span{font-weight:bold;font-size:16px;line-height:1;margin-left:-5px;vertical-align:middle}
.btn.sticker span:after{content:"";display:inline-block;width:6.5px;height:11px;background:url('/m/img/event/icon_next.png') no-repeat;background-size:6.5px 11px;margin-left:15px}

.season_event{background-color:#fff}
.season_event em{font-style:normal}
.season_event .period{color:#404b50;padding:10px;font-size:14px}
.season_event .event_table{position:relative;border-top:1px solid #e4e5e7;border-bottom:2px solid #e4e5e7;}
.season_event .event_table .bg{width:100%;height:100%}
.season_event .event_table .cover{position:absolute;top:0;left:0;width:100%;height:100%;}
.season_event .event_table table{width:100%;height:100%;border-collapse:collapse;}
.season_event .event_table table.row6 td{height:16.4%}
.season_event .event_table table.row9 td{height:11.1%}
.season_event .event_table table.row10 td{width:7.7%;height:10%}
.season_event .event_table table td{width:10%;height:20%;border-left:1px solid #e4e5e7;border-top:1px solid #e4e5e7;font-size:0}
.season_event .event_table table td:last-child{border-right:1px solid #e4e5e7}
.season_event .event_table table td.close{/* background:url('/m/img/event/bg_close02.png') repeat; */background: grey;}

.season_event .notice{padding:0 10px;border-bottom:1px solid #e4e5e7}
.season_event .notice .btn{height:30px;box-sizing:border-box;line-height:30px;font-weight:bold;}
.season_event .title{padding:12px 0;border-bottom:1px solid #e4e5e7;text-align:center}
.season_event .title p{font-size:16px;color:#404b50;letter-spacing:-1px}
.season_event .clause{padding:10px 15px;}
.season_event .clause p{font-size:14px;color:#404b50;letter-spacing:-1px;line-height:1.8}
.season_event .clause li{font-size:12px;color:#404b50;line-height:1.4}
.season_event .achievement{padding:10px 15px;border-bottom:1px solid #e4e5e7;}
.season_event .achievement.close{border-bottom:0}
.season_event .achievement p{color:#404b50;font-size:14px}
.season_event .achievement p.first{margin-bottom:5px}
.season_event .stamp{background-color:#ececec;padding:0 10px 85px}
.season_event .stamp p{font-size:16px;color:#252b2e;padding:20px 0 15px}
.season_event .stamp ul{border:1px solid #bbc9d0;max-height:449px;background-color:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.season_event .stamp li{position:relative;display:block;background-color:#fff;border-bottom:1px solid #ececec;padding:15px 10px;height:45px;box-sizing:border-box;line-height:1.2}
_::-webkit-:not(:root:root), .season_event .stamp li {line-height:1;}
.season_event .stamp li span.date{display:inline-block;font-size:14px;color:#768993;margin-right:5px}
.season_event .stamp li span.time{display:inline-block;font-size:14px;color:#768993}
.season_event .stamp li span.point{position:absolute;top:14px;right:20px;font-size:16px;color:#f08200;font-weight:bold}
_::-webkit-:not(:root:root), .season_event .stamp li span.point em{vertical-align:-1px}

.membership{padding:5px 5px 90px 5px}
.membership em{font-style:normal}
.membership .product_list{border:1px solid #bbc9d0;background-color:#fff;box-sizing:border-box}
.membership .product_list li{width:100%;border-bottom:1px solid #e4e5e7;}
.membership .product_list li:last-child{border-bottom:0}
.membership .product_list .thumb{width:80px;min-width:80px;height:60px;margin-right:5px;border:1px solid #e4e5e7;box-sizing:border-box;overflow:hidden}
.membership .product_list .thumb img{width:100%;height:auto}
.membership .product_list .product{position:relative;display:flex;padding:5px;overflow:hidden;}
.membership .product_list .product_info{padding:7px;flex:1}
.membership .product_list .product_info span{font-size:16px;color:#252b2e;font-weight:bold;line-height:1.4;}
.membership .product_list .product_info .product_name{display:block;text-overflow:ellipsis;overflow:hidden;height:23px;}
_::-webkit-:not(:root:root), .membership .product_list .product_info .quantity em{vertical-align:1px}
.membership .product_list .btn{}
.membership .product_list .btn a{font-size:12px;color:#fff;font-weight:bold;width:85px;height:35px;box-sizing:border-box;line-height:35px;margin-top:12px;margin-right:5px}
_::-webkit-:not(:root:root), .membership .product_list .btn a{line-height:33px;}

.membership_complete{padding:5px 5px 90px 5px}
.membership_complete em{font-style:normal}
.membership_complete .notice{padding:0 10px}
.membership_complete .notice .btn{display:flex;box-sizing:border-box;font-size:0;text-align:center;}
.membership_complete .notice .btn a{flex:1;display:inline-block;min-width:115px;width:48%;height:50px;line-height:50px;font-weight:bold;border-radius:3px;font-size:14px;color:#fff;text-align:center;letter-spacing:-1px;white-space:nowrap}
.membership_complete .notice .btn-modify{background-color:#f08200;margin-right:15px}
.membership_complete .notice .btn-home{background-color:#bbc9d0}
.membership_complete .title{padding:12px 0;text-align:center}
.membership_complete .title p{font-size:16px;color:#404b50}
.membership_complete .clause{padding:10px 15px;border-top:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7;margin-bottom:20px}
.membership_complete .clause p{font-size:14px;color:#404b50;line-height:1.4}

.membership_confirm{padding:5px 5px 70px 5px}
.membership_confirm em{font-style:normal}
.membership_confirm .notice{padding:0 10px}
.membership_confirm .notice .btn{display:flex;box-sizing:border-box;font-size:0;text-align:center;}
.membership_confirm .notice .btn a{flex:1;display:inline-block;min-width:115px;width:48%;height:50px;line-height:50px;font-weight:bold;border-radius:3px;font-size:14px;color:#fff;text-align:center;letter-spacing:-1px;white-space:nowrap}
.membership_confirm .notice .btn-agree{background-color:#f08200;margin-right:15px}
.membership_confirm .notice .btn-disagree{background-color:#bbc9d0}
.membership_confirm .title{padding:12px 0;text-align:left}
.membership_confirm .title p{font-size:16px;color:#5e5e5e}
.membership_confirm .clause{padding:10px 0;border-top:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7;margin-bottom:10px}
.membership_confirm .clause p{font-size:14px;color:#404b50;line-height:1.4}
.membership_confirm .alert{margin-bottom:25px}
.membership_confirm .alert p{font-size:15px;color:#5e5e5e;text-align:center;font-weight:bold;letter-spacing:-0.5px}
@media (max-width:340px){.membership_confirm .alert p{font-size:14px}}


.alert_popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999}
.alert_popup .popup{position:relative;width:80%;height:340px;top:50%;left:50%;margin-left:-40%;margin-top:-160px;}
.alert_popup .popup .subject{width:100%;padding:30px;background-color:#fff;border:1px solid #e4e5e7;box-sizing:border-box;border-top:none;text-align:center;border-radius:5px;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)}
.alert_popup .popup .subject .camera{width:123px;height:100.5px;margin-bottom:20px}
.alert_popup .popup .subject p{font-size:14px;color:#252b2e;line-height:1.4;letter-spacing:-0.5px;margin-bottom:20px}
.alert_popup .popup .btn a{display:inline-block;width:145px;height:55px;box-sizing:border-box;line-height:56px;text-align:center;font-size:14px;color:#fff;font-weight:600}
.alert_popup .popup .btn a.agree{background-color:#f08200}

/* 0611_모바일 사이트 회원탈퇴 기능 추가 */
#member_join3_wrap div.btn button.memout {background:#bbc9d0; margin-top:15px;}
#member_out div.btn {padding:10px;}
#member_out div.btn button {background-color:#f08200; color:#fff; width:100%; height:50px; font-size:17px; font-weight:bold;}
#member_out {background:#f2f2f2;}
#member_out .mout_txt {padding:15px 10px;}
#member_out .mout_txt h3 {color:#5e5e5e; font-size:15px; padding-bottom:10px; border-bottom:1px solid #e4e5e7;}
#member_out .mout_txt p {padding-top:15px; color:#404b50; font-size:11px; line-height:16px;}
#member_out .mout_txt p .b {color:#f08200; font-weight:bold;}
#member_out .frm_mout {padding:0 10px 5px;}
#member_out .frm_mout * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#member_out .frm_mout table {width:100%; background:#fff; border-collapse:collapse; border:1px solid #e4e5e7;}
#member_out .frm_mout table tbody th {border-right:1px solid #e4e5e7; text-align:center; color:#4b4c53; font-size:13px;}
#member_out .frm_mout table tbody td {text-align:left; padding:15px; color:#768993; font-size:15px;}
#member_out .frm_mout table .lineput {border:1px solid #e4e5e7; color:#404b50; font-size:15px; height:45px; width:100%; padding:0 10px; outline:none;}
#member_out .frm_mout .mout_list > li {margin-top:10px;}
#member_out .frm_mout .mout_list > li:first-child {margin-top:0;}
#member_out .frm_mout .mout_list > li dl {overflow:hidden; position:relative; padding:0; margin:0; padding-left:100px;}
#member_out .frm_mout .mout_list > li dl dt {position:absolute; left:0; top:50%; padding:0; margin:0; margin-top:-15px;}
#member_out .frm_mout .mout_list > li dl dd {padding:0; margin:0;}

.radio_box {display:block; position:relative; width:100%; min-height:30px; font-size:13px;}
.radio_rec {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; z-index:-1;}
.radio_rec + label {display:block; padding-left:40px; min-height:30px; line-height:30px; cursor:pointer; color:#404b50;}
.radio_rec + label:after{position:absolute; top:0; left:0; z-index:5; content:""; display:block; width:30px; height:30px; background:url('/m/img/btn/bg_radio_off.png') no-repeat left center; background-size:30px}
.radio_rec:checked + label:after{background:url('/m/img/btn/bg_radio_on.png') no-repeat left center; background-size:30px}
.radio_rec:checked + label {color:#404b50;}
/* 0611_모바일 사이트 회원탈퇴 기능 추가 끝 */


/* 0730_ [어린이TV] 어린이TV 개국 25주년 기념 앰블럼 적용의 건 : 추가시작 */
.ani_logo {
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 44px;
}

.ani_logo a {
	display: block;
	background-color: #fff;
}
#Header h1.ani_logo img {
	width:100%;
}
/* 0730_ [어린이TV] 어린이TV 개국 25주년 기념 앰블럼 적용의 건 : 추가끝 */

/* 1230_[작업요청] 대교어린이TV 주간편성표 디폴트 노출 및 채널번호 수정 건 : 추가시작 */
.brod_datetime_new .brod_datetime {width: 190px;}
.brod_datetime_new .brod_datetime > .btn_prev {left:0;}
.brod_datetime_new .brod_datetime > .btn_next {right:0;}

.brod_datetime_new {overflow:hidden; position:relative; height: 40px; text-align:center;}
.brod_datetime_new .schedule_btn {position:absolute; right:0; top:8px; display:inline-block; width: 110px; background: #00a3d4; text-align:center;}
.brod_datetime_new .schedule_btn > span {display:inline-block; padding-left: 20px; line-height: 25px; color: #fff; background:url('/assets/img/icon/icon_tv_white.png') no-repeat left center; background-size: 16px auto;}
.brod_datetime_new > strong {display:inline-block; line-height: 25px; margin-top:8px; padding: 0 10px; background-color: #252b2e; color: #fff;}

.schedule_new .brod_datetime_new .schedule_btn {display:none;}
.schedule_new .schedule_new_img img {width: 100%}

@media (max-width:375px) {
	.brod_datetime_new .brod_datetime {width: 170px;}
	.brod_datetime_new .schedule_btn {width: 100px;}
}
@media (max-width:320px) {
	.brod_datetime_new { padding-right: 100px;}
	.brod_datetime_new .brod_datetime {width: 160px;}
}
/* 1230_[작업요청] 대교어린이TV 주간편성표 디폴트 노출 및 채널번호 수정 건 : 추가끝 */

/* 0126_[어린이TV] PCMO WEBAPP 수정 건 작업 요청 : 추가시작 */
#write_wrap ul.write #title {
	padding: 0 10px;
	outline: none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	font-weight: bold;
}

#write_wrap ul.write #content {
	padding: 10px;
	outline: none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	resize: none;
	color: #404b50;
}

#write_wrap ul.write input[type=file] {
	padding-top: 5px;
	height: 33px;
	outline: none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	-webkit-appearance: none;
}

#write_wrap ul.write li span {
	top: 10px;
}

.btn-box {
	margin: 15px 0;
	text-align: center;
}

.btn-box li {
	display: inline-block;
	margin: 0 3px;
	vertical-align: top;
}

.btn-box .button {
	display: inline-block;
	width: 80px;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	outline: none;
	border: none;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	-webkit-appearance: none;
	font-size: 12px;
}

.btn-box .button:hover {
	text-decoration: none;
}

.btn-box .button:focus {
	text-decoration: none;
}

.btn-box .color-ggray {
	color: #fff;
	background-color: #768993;
}

.btn-box .color-gblack {
	color: #fff;
	background-color: #404b50;
}
/* 0126_[어린이TV] PCMO WEBAPP 수정 건 작업 요청 : 추가끝 */

/* tab style  { */
.tab-select .Oselect {
    border-top: 0;
}
/* } tab style  */