@import url("/CSS/font.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

.notokr-black { font-family: 'notokr-black'; }
.notokr-bold { font-family: 'notokr-bold'; }
.notokr-medium { font-family: 'notokr-medium'; }
.notokr-regular { font-family: 'notokr-regular'; }
.notokr-light { font-family: 'notokr-light'; }
.notokr-demilight { font-family: 'notokr-demilight'; }
.notokr-thin { font-family: 'notokr-thin'; }
 
 
html, body {width:100%;/*overflow-x:hidden;*/}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code,del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {margin:0;padding:0;font-size:100%;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

font-family: "Noto Sans KR", sans-serif;
 

}

 
body {}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}

table {width:100%; border-collapse:collapse;border-spacing:0}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:top}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}

caption span, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select, button {outline:0;font-size:16px;color:#222;letter-spacing:-0.03em;vertical-align:middle;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}

input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='number'],input[type='tel'],input[type='date'],input[type='email'],input[type='phone'] {-webkit-appearance:none;box-shadow:0;border-radius:5px}
input, textarea {margin:0;padding:0}
textarea {resize:none;-webkit-appearance:none;box-shadow:0;border-radius:0;font-family: "Noto Sans KR", sans-serif;}


/* 언더라인 없는 거로 변경 */
a, button, input[type=button], input[type=submit], input[type=reset] {text-decoration:none;color:#222;}
.lt-ie7 a, .lt-ie7 a * {text-decoration:none;color:#222;}
/* 언더라인 없는 거로 변경 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="image"],
input[type="number"],
/*input[type="button"],*/
textarea {border:1px solid #d1d1d1;background:#fff;color:#cac6c6}
input[type="checkbox"]:focus {border:none}
input[type="checkbox"]:checked {background-color:#fff;-webkit-appearance:checkbox}
input[type="text"]             {height:30px;position:relative;margin:2px 2px 2px 0px ;padding:3px 3px 3px 3px;background:#fff;color:#000000}
input[type="password"] {height:30px;position:relative;margin:2px 2px 2px 0px ;padding:3px 3px 3px 3px;border:1px solid #d1d1d1;background:#fff;color:#cac6c6}

input[type="text"]:focus{/*border:0px solid #009ae6;outline-width:0;color:#000;*/} 
input[type="password"]:focus   {/*border:0px solid #009ae6;outline-width:0*/} 

.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}
.ellipsis {display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.clear {#zoom:1}
.clear:after {content:'';display:block;clear:both}
.tal {text-align:left !important}
.tar {text-align:right !important}
.tac {text-align:center !important}
.bg_gray {background:#fafafa}
.bg_dimm {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.6;filter:alpha(opacity=60);z-index:1000}
.overlay {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.6);z-index:100}
.nextview {display:none;}
.ff_roboto {font-family:'Roboto';}
.fc_red {color:#d30000}
.fw_bold {font-weight:bold;}

#inner_m {display:none}

.loader_back{
				position: fixed;
				top: 0;
				left: 0;
				content:"";
				width: 100%;
				background: black;
				height: 100%;
				z-index:9999999999999999;
				opacity:0.7;
}
.loader{
	position: fixed;
	top: 30%;
	left: 50%;
	
	z-index:999999999999999999;
}

.loader1{

	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-bottom: 16px solid #3498db;
	border-radius: 50%;
	margin:-50px 0px 0px -30px;
	width: 50px;
	height: 50px;				
	animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear infinite;
	
}
.loader2{
	
	margin:0px 0px 0px -34px;
	font-size:1.4em;
	font-family:"Malgun Gothic","맑은 고딕","Hiragino Sans GB","Microsoft Yahei","돋움",Dotum,"굴림",Gulim,"Apple Gothic","Apple SD Gothic Neo",Sans-serif;letter-spacing:-1px;font-weight:bold;
	color:#fff;

}

@-webkit-keyframes spin{
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}

@keyframes spin{
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}


 

.main_search_div {
	position: relative;
	width: 100%;
  }
  
  .main_search_div input {
	width: 100%;
	border: 1px solid #bbb;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
  }
  
  .main_search_div img {
	position : absolute;
	width: 27px;
	top: 10px;
	right: 12px;
	margin: 0;
  }



/* -------------------- 상단 팝업 STYLE ----------------------*/

#page_popup {
	display: none;
	width: 100%;
	min-width:1400px;
	margin: auto;
	background: url(/images/top_pop_bg.jpg);/*#0061a2;*/
	overflow: hidden;
	}
.pop_absolute {
	position: absolute;
	right:50%;
	margin-right:-660px;
	top:144px;
	}
.popup_area  {
	position: relative;
	width: 1400px;
	height: 150px;
	margin: auto;
	overflow: hidden;
	z-index:100;
	}
.btn_control {
	position: absolute;
	top: 24px;
	right: 0px;
	z-index:1;
	}
.popup_list {	
	overflow: hidden;
	vertical-align:middle;
}
	
.popup_list li {
	float: left;
	width:1400px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
	height:150px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
    display: flex;       /* 자식 요소를 세로(수직) 기준으로 가운데 정렬시킴 */
    align-items: center; /* 자식 요소를 세로(수직) 기준으로 가운데 정렬시킴 */
	
}

.popup_list li a{display:block;color:#ffffff;font-family:'notokr-regular'}
.popup_close {
	position: absolute;
	bottom: 22px;
	right: 0px;
	 
}
.popup_close a {
	color: #ffffff;
}



/*메뉴 스크롤 마우스*/

.jbFixed {
        position: fixed;
        top: 0px;
		width:100%;
		background-color: #1E3269;
        opacity: 0.9;
        border-bottom:0px solid rgb(150, 149, 149);
        color:#ffffff !important;
		z-index:1;
}
.jbFixed .menu_up_down .top_login_m {
	
 	
}

.jbFixed a{
        clear:both;
		color:#ffffff !important;
}
.jbFixed .menu_up_down .inner .lnb li {color:#ffffff !important;}

/*메뉴 스크롤 마우스 여기까지*/ 

#main-navbar{display:none}
#m_logo {display:none}


#wrapper {position:relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden}
#wrap {}


/*----상단 메뉴-----*/

#header {position:relative;top:0px;left:0%;width:100%;text-align:center;}

#header .menu_up_down{height:auto;width:100%;top:0px;left:0px;z-index:9999999;cursor:pointer;font-family:'NanumSquareR';}
#header .menu_up_down .top_login_m {
	width:1400px;border:0px solid #000000;margin:0 auto;
	font-size:0.9rem;
	 
	margin-top:0px;height:44px;line-height:34px;
	vertical-align:middle;padding:0px;
}
#header .menu_up_down .top_login_m  ul{text-align:right;}
#header .menu_up_down .top_login_m  ul li{letter-spacing:-1px;display:inline-block;margin-left:14px;text-align:right;border:0px solid #000000;}
#header .menu_up_down .inner{width:100%;margin:0 auto;margin-top:0;overflow:hidden;border-top:1px solid #b6b6b6;border-bottom:1px solid #b6b6b6;}
#header .menu_up_down .inner .lnb {width:1400px;margin:0 auto;font-size:1.1rem;height:50px;line-height:50px;letter-spacing:-1px;}
#header .menu_up_down .inner .lnb li{display:inline-block;width:12%;margin:0 5px 0 5px;height:50px;line-height:50px;
text-align:center;
color:#000000;
border-radius:10px;border:0px solid #000000;
}
 
/*----상단 메뉴 여기까지-----*/

ul {
	position: relative;
	list-style: none;
	list-style-position: inside;
}
 
section{width:100%;border:0px solid #000000;}
#pr_move_body{width:1400px;margin:0 auto;margin-top:40px;height:auto;border:0px solid #000000;}
#pr_move_body .pr_banner{width:447px;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top; }
#pr_move_body .pr_banner img{width:100%}
#pr_move_body .search_top_board{margin-left:40px;width:460px;display:inline-block;vertical-align:top;border:0px solid #000000;height:auto;}
#pr_move_body .login_cal{margin-top:4px;margin-left:40px;width:400px;display:inline-block;border:0px solid #000000;vertical-align:top;}


/* [라디오 버튼 관련 레이아웃] */
#pr_move_body .search_top_board .search_box_ta {width:100%}
#pr_move_body .search_top_board .search_box_ta span{font-weight: bold;}
#pr_move_body .search_top_board .search_box_ta input[type='radio'] + label {
            width: 100%;
            font-family:'notokr-bold'; 
            font-size:1.2rem;  
            /* [라디오 버튼 선택 (전) 테두리 radius 둥글게] */
            border-radius: 0px;

            /* [라디오 버튼 선택 (전) 배경 색상] */
            /*background-color: #999999;*/

            /* [라디오 버튼 선택 (전) 테두리 색상] */
            border: 0px solid #000000;

            /* [p 태그 수직 정렬 위해 table 선언] */
            display: table;
			padding:5px;
} 
#pr_move_body .search_top_board .search_box_ta input[type='radio'] + label p {
            /* [label 내부에 있는 p 태그 속성 지정] */
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            font-size:1.2rem; 
			padding:5px;

}
#pr_move_body .search_top_board .search_box_ta input[type='radio']:checked + label {
            /* [라디오 버튼이 클릭 되었을 때 배경 색상 변경] */
            background: #165890;
            color: #ffffff;
            font-size: 100%;
            /* font-weight: bold;*/
            /* [라디오 버튼 선택 (후) 테두리 색상] */
            border: 0px solid #ff00ff;
			font-size:1.1rem;
            padding:5px;
            border-radius: 50px;	
} 
#pr_move_body .search_top_board .input_search_box {clear:both;width:100%}
#pr_move_body .search_top_board .input_search_box ul {width:100%;}
#pr_move_body .search_top_board .input_search_box ul li{width:100%;display:inline-block}
#pr_move_body .search_top_board .input_search_box ul li:nth-child(1){width:89%}
#pr_move_body .search_top_board .input_search_box ul li:nth-child(2){width:9%;margin-left:-8px}
#pr_move_body .search_top_board .input_search_box input[type='text']{width:100%;height:50px;
border:1px solid #165890;
 
border-radius: 5px 0px 0px 0px;

}
#pr_move_body .search_top_board .input_search_box button{width:55px;height:50px;background:#165890;color:#ffffff;border-radius:5px}

/*----공지사항 및 탭메뉴 메인 시작-----*/

#pr_move_body .search_top_board .notice_box_ma {
width:100%;
margin-top:20px;

	
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu{ 
  width:100%; 
  margin: 0 auto; 
  position:relative; 
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu ul{
  position: relative;
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu ul li{
  display:  inline-block;
  width:20%; 
  float:left;  
  text-align:center; 
  background :#f9f9f9;
  line-height:40px;
  border-radius:50px;
 
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu label{
  display:block;
  width:100%; 
  height:40px;
  line-height:40px;
  border-radius:50px;
  font-family:'notokr-bold';
   
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu input{display:none;}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon{
  display:none; 
  width: 100%;
  margin-top:20px;
  text-align:left; 
  padding: 10px;
  position:absolute; 
  left:0; top:40px; 
  box-sizing: border-box; 
  border : 1px solid #ebe7e7;
  border-radius:5px;
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu input:checked ~ label{
  /*background:#ccc;*/
  background:#004715;
  color:#fff;
    
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu input:checked ~ .tabCon{
  display:block;
}


/*--메인 탭메뉴 시작-----*/

#pr_move_body .search_top_board .notice_box_ma .ma_list {
	
margin-top:-80px;
width:80px;	
float:right;
text-align:right;
border : 0px solid #ebe7e7;
padding-right:0px !important;
margin-right:-12px;
cursor:pointer;

}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul  {
clear:both;
width:100%;	
cursor:pointer;

}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li .su_section{
	
color:#000000;
font-weight:bold;
	
}

#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li{
	
	display:inline-block;
	width:33.3%; 
	border:0px solid #ebe7e7;
	background:#ffffff !important;
	
	
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(1){
	width:12%;text-align:left;
	min-width:50px;
	 
	
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(2){
	width:68%;text-align:left
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(3){
	width:20%;
	text-align:right;
}
#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li .su_title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  width:90%;
}
 
 
/*--텝매뉴 여기까지 -*/

#pr_move_body .login_cal .login_cal_title{
	width:100px;display:inline-block;
	border-radius:5px 5px 0px 0px;
	background:#165890;
	height:45px;
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	vertical-align:middle;
	line-height:40px;
}
#pr_move_body .login_cal .login_sns_title{
	width:100px;display:inline-block;
	float:right;
	height:45px;
	text-align:center;
	font-size:1.2rem;
	vertical-align:middle;
	line-height:40px;
}

#pr_move_body .login_cal .login_in_bo {clear:both;width:100%;}
#pr_move_body .login_cal .login_in_bo ul {width:100%;border:1px solid #165890;
border-radius: 0px 5px 5px 0px;
}
#pr_move_body .login_cal .login_in_bo ul li {width:40%;display:inline-block;padding:0px;height:45px;}
#pr_move_body .login_cal .login_in_bo ul li input[type='text']{width:100%;border:none;height:42px;}
#pr_move_body .login_cal .login_in_bo ul li input[type='password']{width:100%;border:none;height:42px;}
#pr_move_body .login_cal .login_in_bo ul li:nth-child(3){width:18%;float:right}
#pr_move_body .login_cal .login_in_bo ul li button{
	clear:both;	
	width:100%;height:45px;
	border-radius:0px 0px 5px 0px;
	background:#165890;
	color:#fff;
	text-align:center;
	font-size:1.0rem;
}

#pr_move_body .login_cal .search_find_button {clear:both;margin-top:5px;width:100%;}
#pr_move_body .login_cal .search_find_button ul {width:100%;}
#pr_move_body .login_cal .search_find_button ul li {width:49%;display:inline-block;padding:0px;height:28px;}
#pr_move_body .login_cal .search_find_button ul li button{
	clear:both;	
	width:100%;height:38px;
	border-radius: 5px 0px 5px 0px;
	background:#ebe7e7;
	color:#171717;
	text-align:center;
	font-size:0.9rem;
}
#pr_move_body .login_cal .search_find_button ul li:nth-child(2){float:right}

#pr_move_body .login_cal .cal_list {clear:both;margin-top:20px;width:100%;}
#pr_move_body .login_cal .cal_list h1{
	font-family:'notokr-bold'; 
    font-size:1.2rem
}
#pr_move_body .login_cal .cal_list h1 span{font-weight:bold}
#pr_move_body .login_cal .cal_list > ul {width:100%;margin-top:20px;cursor:pointer;}
#pr_move_body .login_cal .cal_list > ul:nth-child(3) {margin-top:10px !important}
#pr_move_body .login_cal .cal_list > ul:nth-child(4) {margin-top:10px !important}
#pr_move_body .login_cal .cal_list > ul > li {width:100%;border:0px solid #000000;padding:0px;}
 
#pr_move_body .login_cal .cal_list > ul > li .date_list_ma{
	display:inline-block;
	text-align:center;
	border-radius:10px;
	background:#ef7008;
	color:#ffffff;
	padding:4px 6px 3px 6px;
}
#pr_move_body .login_cal .cal_list > ul > li .date_list_ma > ul > li:nth-child(1){font-size:0.8rem;}
#pr_move_body .login_cal .cal_list > ul > li .date_list_ma > ul > li:nth-child(2){font-size:1.9rem;}



#pr_move_body .login_cal .cal_list > ul > li .date_list_ma_content{display:inline-block;position:absolute;margin-top:10px;margin-left:10px}

#pr_move_body .login_cal .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(1){width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

#pr_move_body .login_cal .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(1) span{font-weight:bold;display:inline-block;margin-right:10px}

#pr_move_body .login_cal .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(2){width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pr_move_body .login_cal .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(2) span{font-weight:bold;display:inline-block;margin-right:10px}
 


/*-----달력 페이지 에서 리스트 뽑기-------*/


#cs_center_middle .cal_list {clear:both;margin-top:40px;width:100%;padding-bottom:50px}
#cs_center_middle .cal_list h1{
	font-family:'notokr-bold'; 
    font-size:1.2rem;
	margin-bottom:30px
}
#cs_center_middle .cal_list h1 span{font-weight:bold}
#cs_center_middle .cal_list > ul {width:100%;margin-top:20px}
 
#cs_center_middle .cal_list > ul > li {width:100%;border:1px solid #d5d3d0;padding:0px;padding:10px;border-radius:5px;}
 
#cs_center_middle .cal_list > ul > li .date_list_ma{
	display:inline-block;
	text-align:center;
	border-radius:5px;
	background:#ef7008;
	color:#ffffff;
	padding:4px 6px 3px 6px;
	width:200px;
}
#cs_center_middle .cal_list > ul > li .date_list_ma > ul > li:nth-child(1){font-size:1.2rem;}
#cs_center_middle .cal_list > ul > li .date_list_ma > ul > li:nth-child(2){font-size:2.9rem;}
#cs_center_middle .cal_list > ul > li .date_list_ma > ul > li:nth-child(3){font-size:2.9rem;}

#cs_center_middle .cal_list > ul > li .date_list_ma_content{display:inline-block;position:absolute;margin-top:10px;margin-left:20px}

 
#cs_center_middle .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(1) span{font-weight:bold;display:inline-block;margin-right:20px}
#cs_center_middle .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(2) span{font-weight:bold;display:inline-block;margin-right:20px}
#cs_center_middle .cal_list > ul > li .date_list_ma_content > ul > li:nth-child(3) span{font-weight:bold;display:inline-block;margin-right:20px;margin-top:10px}

#cs_center_middle .cal_list > ul > li:hover {
background-color: #faf8e9;
cursor:pointer;
}




/**메인 광고**/
#main_pr_banner{width:1400px;margin:0 auto;margin-top:50px;}


/**동영상 리뷰**/

#move_relvew{width:1400px;margin:0 auto;margin-top:50px;}
#move_relvew h1{
	font-family:'notokr-bold'; 
    font-size:1.5rem
}

#move_relvew span{font-weight:bold;display:inline-block;margin-left:5px;margin-right:10px}
#move_relvew > ul {width:100%;margin-top:15px}
#move_relvew > ul > li {width:210px;border:0px solid #000000;display:inline-block}
#move_relvew > ul > li img{padding-bottom:10px}
 




/*---스크롤 이미지 공통사항 적용-----*/

.swiper {
width: 100%;
 
background: #fff;
}

.mySwiper1 {width:100% !important;background: #fff;}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
 
 
object-fit: cover;
}

.swiper-button-next, .swiper-button-prev{color:#fff}


/*---스크롤 이미지 공통사항 적용 여기까지-----*/



/**북 리뷰**/

#main_book_relvew{width:1400px;margin:0 auto;margin-top:50px;}
#main_book_relvew h1{
	font-family:'notokr-bold'; 
    font-size:1.5rem
}

#main_book_relvew span{font-weight:bold;display:inline-block;margin-left:5px;margin-right:10px}
 

/*----동영상리뷰 및 북리뷰 작업 -----*/

.main_webtong_menu_wrap {border: 2px solid #26364c;border-radius: 5px;margin: 0 auto;width: 100%;max-width:1400px}
.m-nav {margin: 0 10px}
.m-nav ul {margin: 0;padding: 0;list-style: none;-ms-touch-action: pan-y;touch-action: pan-y;}
.m-nav ul:after {clear: both;content: " ";display:block}
.m-nav ul li {display: table-cell;white-space: nowrap}
.m-nav ul li a {padding: 14px 25px;position: relative;letter-spacing: -0.9px;display: inline-block;}
.m-nav ul li a:after {content:'';position: absolute;right: 0;top: 21px;background-color: #c5c5c5;height: 13px;width: 1px;}
.m-nav ul li:last-child a:after {background:none}
.main_webtong_menu_wrap.shop {border: 0;max-width: 1400px;margin-bottom: 50px;position: relative;padding-top: 33px;}
.main_webtong_menu_wrap.shop .m-nav ul li {padding: 10px}
.main_webtong_menu_wrap.shop .m-nav ul li a {padding-top:20px;border: 0px solid #9dafb9;border-radius: 5px;box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);}
.main_webtong_menu_wrap.shop .m-nav ul li a:after {content:none}
.main_webtong_menu_wrap.shop .m-nav ul li a p {border-top: 0px solid #9dafb9;text-align: center;padding-top: 10px}
.main_webtong_menu_wrap.shop .m-nav  ul  li  a  .di_review{
  margin-top:10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  width:200px;
  text-decoration:none;
}
.main_webtong_menu_wrap.shop .m-nav  ul  li  a img{max-width:211px}

.m-nav_book {margin: 0 0px}
.m-nav_book ul {margin: 0;padding: 0;list-style: none;-ms-touch-action: pan-y;touch-action: pan-y;}
.m-nav_book ul:after {clear: both;content: " ";display:block}
.m-nav_book ul li {min-width:400px;width:400px;display: table-cell;margin-right:10px !important;}
.m-nav_book ul li a {min-width:400px;width:400px;padding: 14px 25px;position: relative;letter-spacing: -0.9px;display: inline-block;}
.m-nav_book ul li a:after {content:'';position: absolute;right: 0;top: 21px;background-color: #c5c5c5;}
.m-nav_book ul li:last-child a:after {background:none}
.main_webtong_menu_wrap.shop {border: 0;max-width: 1400px;margin-bottom:50px;position: relative;padding-top: 33px;}
.main_webtong_menu_wrap.shop .m-nav_book ul li {min-width:400px;width:400px;padding:20px;}
.main_webtong_menu_wrap.shop .m-nav_book ul li a {padding-top:20px;border-radius: 0px;box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);}
.main_webtong_menu_wrap.shop .m-nav_book ul li a:after {content:none}
.main_webtong_menu_wrap.shop .m-nav_book > ul > li > a > div > p {margin-left:15px}
.main_webtong_menu_wrap.shop .m-nav_book > ul > li > a > div > p.main_title_book {font-weight:bold;border-top: 0px solid #9dafb9;text-align:left;margin-top: 0px}
.main_webtong_menu_wrap.shop .m-nav_book > ul > li > a > div > p.main_wr_book    {border-top: 0px solid #9dafb9;text-align:left;margin-top: 5px}
.main_webtong_menu_wrap.shop .m-nav_book > ul > li > a > div > p.main_wr_book_jumsu {font-size:1.2rem;color:red;padding-bottom:10px;border-bottom: 1px solid #9dafb9;}
.main_webtong_menu_wrap.shop .m-nav_book ul li a div.main_wr_book_memo {
margin-left:15px;
margin-top:15px;
width:200px;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}
.main_webtong_menu_wrap.shop .m-nav_book ul li a div{display:inline-block;vertical-align:top}


.scrollbar {margin: 12px 0 1em 0;height: 5px;background: #fff;line-height: 0}
.scrollbar .handle {width: 50px;height: 100%;background: #e0e0e0;cursor: pointer;border-radius:20px}
.scrollbar .handle .mousearea {position: absolute;top: -9px;left: 0;width: 100%;height: 20px}
.controls {position: absolute;top: 0;right: 0px;}
.controls .prev {width:34px;height:32px;border:0px solid #26364c;border-radius: 5px;font-size:1.4rem;
background: url('/images/controls.png') 0px 0;
}
.controls .next {width:34px;height:32px;border:0px solid #26364c;border-radius: 5px;font-size:1.4rem;
background: url('/images/controls.png') -42px 0;
}

/*-----동영상 날짜 보기 및 시대영상보기 시작 --*/

 
#main_move_tab_list {
width:100%;height:548px;
margin-top:20px;
background:url('/images/moview_Bg.jpg');
background-repeat: no-repeat;
background-position: top center;
backgorund-size: 100% 100%;
overflow: hidden;
}
 
 

#main_move_tab_list .ma_list {
	
margin-top:-80px;
width:80px;	
float:right;
text-align:right;
border : 0px solid #ebe7e7;
padding-right:0px !important;
margin-right:-12px;

}
 
#movie_list_menu{margin-top:45px;font-size:1.4rem;color:#fff}
#movie_list_menu .hide_btn{cursor:pointer;display:inline-block;width:240px;border:0px solid red;text-align:center}
#movie_list_menu .show_btn{cursor:pointer;display:inline-block;width:230px;border:0px solid red;text-align:center}

 
.moving_webtong_menu_wrap {border-radius: 5px;margin: 0 auto;width: 100%;height: auto;
    overflow: hidden;
    position: relative;
    padding: 0px 0;}
.moving_m-nav {margin:2px;}
.moving_m-nav ul {border:0px solid red;width: auto;display: flex;overflow:hidden;height:40px;margin: 0;padding: 0;list-style: none;-ms-touch-action: pan-y;touch-action: pan-y;}
.moving_m-nav ul li {flex: 0 0 auto;
    min-width: 100px;
    padding: 5px;
    margin: 0 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}
 
#movie_box {position:relative;width:1400px;margin:0 auto;border:0px solid red;height:540px;}
#panel{width:100%;height:400px;margin-top:40px;overflow: hidden;}
#pane2{width:100%;height:400px;margin-top:40px;overflow: hidden;}


/*-panel--*/

#panel .molist {position:absolute;width:1400px;margin-top:45px;border:0px solid blue}

#panel .molist > ul{display:inline-block;width:100%;}
#panel .molist > ul > li{float:left;width:478px;vertical-align:top;cursor:pointer}

#panel .molist > ul > li:nth-child(1) img{width:478px !important;border-radius:10px;}
#panel .molist > ul > li:nth-child(1) span img {width:170px !important;}

#panel .molist > ul > li:nth-child(2){width: calc(100% - 478px); border:0px solid blue} 
#panel .molist > ul > li span{cursor:pointer;display:inline-block;font-size:1.0rem;margin-top:15px;}

#panel .molist > ul > li span.movie_click {float:right;cursor:pointer}
#panel .molist > ul > li span.movie_click div{border-radius:40px;background:#ef7008;color:#fff;padding:5px 10px 5px 10px}




#panel .molist > ul > li:nth-child(2) > .m_list_title{margin-left:40px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
#panel .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}
#panel .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}
#panel .molist > ul > li:nth-child(2) > .m_list span.movie_book_click {float:right;cursor:pointer}
#panel .molist > ul > li:nth-child(2) > .m_list span.movie_book_click div{border-radius:40px;background:#ef7008;color:#fff;padding:5px 10px 5px 10px}


#panel .molist > ul > li:nth-child(2) > .m_list ul {margin-left:35px;margin-top:50px}
#panel .molist > ul > li:nth-child(2) > .m_list ul li {display:inline-block;margin-left:5px;cursor:pointer}
#panel .molist > ul > li:nth-child(2) > .m_list ul li img{width:211px;border-radius:10px}

/*-pane2--*/

#pane2 .molist {position:absolute;width:1400px;margin-top:45px;border:0px solid blue}

#pane2 .molist > ul{display:inline-block;width:100%;}
#pane2 .molist > ul > li{float:left;width:478px;vertical-align:top;cursor:pointer}

#pane2 .molist > ul > li:nth-child(1) img{width:478px !important;border-radius:10px;}
#pane2 .molist > ul > li:nth-child(1) span img {width:170px !important;}



#pane2 .molist > ul > li:nth-child(2){width: calc(100% - 478px); border:0px solid blue} 
#pane2 .molist > ul > li span{display:inline-block;font-size:1.0rem;margin-top:15px;}

#pane2 .molist > ul > li span.movie_click {float:right;}
#pane2 .molist > ul > li span.movie_click div{border-radius:40px;background:#ef7008;color:#fff;padding:5px 10px 5px 10px}

#pane2 .molist > ul > li:nth-child(2) > .m_list_title{margin-left:40px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
#pane2 .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}
#pane2 .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}
#pane2 .molist > ul > li:nth-child(2) > .m_list span.movie_book_click {float:right;}
#pane2 .molist > ul > li:nth-child(2) > .m_list span.movie_book_click div{border-radius:40px;background:#ef7008;color:#fff;padding:5px 10px 5px 10px}


#pane2 .molist > ul > li:nth-child(2) > .m_list ul {margin-left:35px;margin-top:50px}
#pane2 .molist > ul > li:nth-child(2) > .m_list ul li {display:inline-block;margin-left:5px;cursor:pointer}
#pane2 .molist > ul > li:nth-child(2) > .m_list ul li img{width:211px;border-radius:10px}

#pannel_div{width:200px;margin-top:7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}



/*------동영상 날짜보기 및 시대영상보기 끝---*/

 

/**리스트**/

#main_book_list{margin:0 auto;margin-top:50px;

width:100%;height:850px;
background:url('/images/book_Bg.jpg');
background-repeat: no-repeat;
background-position: top center;
backgorund-size: 100% 100%;
overflow: hidden;

}
#main_book_list h1{
	margin:0 auto;
	text-align:center;
	font-family:'notokr-bold'; 
    font-size:3.5rem;
	color:#fff;
	margin-top:50px
}
#main_book_list h1 span{font-weight:bold;letter-spacing:-1px}
#main_book_list .main_bokk_title1{
width:1400px;margin:0 auto;margin-top:20px;
text-align:center;color:#fff;font-size:2.0rem;letter-spacing:-1px
}
#main_book_list .main_bokk_title1 p{margin-top:5px;
text-align:center;color:#fff;font-size:1.1rem;letter-spacing:-2px
}

/* 탭 전체 스타일 */
.main_book_list_tabs {
 
  padding-bottom: 40px;
   
  width: 1400px;
  margin: 0 auto; margin-top: 50px;text-align:Center
  }
  

/* 탭 스타일 */
.main_menu_round {
  width: 480px;

  border-radius:30px;
  text-align: center;
  border:1px solid #ffffff;
  padding:5px;
  margin: 0 auto;
}

.main_book_list_tab_item {
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #9ec7f2;
  display: inline-block;
  font-size:1.2rem;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin:0 auto;
  border-radius:30px;
  letter-spacing:-1px;
   border:1px solid #ffffff;
}

 

.main_book_list_tab_item:hover {
  opacity: 0.75;
}

/* 라디오 버튼 UI삭제*/
input[name="main_book_list_tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 0px;
  clear: both;
  overflow: hidden;
  width:1400px;
  border:0px solid #fff;
  margin-top:40px;
  position:absolute;
  z-index:1px
}


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/* 선택된 탭 스타일 */
.main_book_list_tabs input:checked + .main_book_list_tab_item {
  background-color: #ffffff;
  color: #000000;
}
 
.slider {overflow: hidden;position: relative;max-width: 1280px;margin: 5px auto 0;}
.slider .inner {overflow: hidden;margin: 0 100px;background-color:transparent;}
.slide_list > li {width:193px;height:272px;background-color:transparent;cursor:pointer}
.slide_list > li img {width:193px;height:272px;}
.slider .btn {position: absolute;top: 32%;width: 35px;height: 35px;background:url('images/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;}
.slider .btn.btn_prev {left: 0;
/*transform: rotateY(180deg) translate(0,-50%);*/
width:28px;height:44px;
background:url('/images/mvisual_left.png') center center no-repeat;
}
.slider .btn.btn_next {right:0;
/*transform: translate(0,-50%);*/
width:28px;height:44px;
background:url('/images/mvisual_right.png') center center no-repeat;
}



/*---------------서브페이지 공통 --start-----------*/


#sub_body_main_contents{

width:1400px;margin:0 auto;
font-size:1.0rem;letter-spacing:-1px;
margin-top:60px;
text-align : justify

}

#sub_body_main_contents .subpage_title {
width:100%;
margin:20px 0 60px 0;
padding-bottom:30px;
border-bottom:1px solid #d1d1d1;
 
}

#sub_body_main_contents .subpage_title h1{
 
font-size:1.8rem;
letter-spacing:-1.7px;
margin:20px 0 20px 0;

}
#sub_body_main_contents .subpage_title h1 span{font-weight:bold;letter-spacing:-1px}


#sub_body_main_contents .subpage_title p{margin-top:30px;}
#sub_body_main_contents .subpage_title p span{
display:inline-block;line-height:15px;vertical-align:middle;margin-right:10px;
}

#sub_body_main_contents .subpage_title p span.title_step{
display:inline-block;line-height:12px;vertical-align:middle;margin:0 10px 0 10px;
}

#sub_body_main_contents .subpage_title .search_box{
float:right;margin-top:-80px;width:400px !important;

}

#sub_body_main_contents .subpage_title .search_box input[type='text']{
border-radius:80px;height:50px;
padding-left:15px;width:100%;
}

#sub_body_main_contents .subpage_title .search_box button{
position:absolute;z-index:1px;
background:url("/images/search_ico.jpg");
width:38px;height:47px;
margin-top:-51px;
margin-left:343px;
}

/*---------------서브페이지 공통 --end-----------*/


/*---------------함께하는 기관 --start-----------*/

#together_{width:1400px;margin:0 auto;margin-top:60px;margin-bottom:60px;}
#together_ h1{
	margin:0 auto;
	text-align:center;
	font-family:'notokr-bold'; 
    font-size:1.5rem;
}
#together_ h1 span{font-weight:bold;letter-spacing:-1px}
#together_ p{
	margin:0 auto;
	text-align:center;
	font-family:'notokr-bold'; 
    font-size:1.2rem;
	letter-spacing:-1px
}

#together_ .together_list {text-align:center;padding-top:30px}
#together_ .together_list ul li{border:2px solid #d7d3d3;padding:10px;border-radius:60px;font-size:1.0rem;display:inline-block;margin:10px;}

/*---------------함께하는 기관 --end----------*/


/*---------------영상 리스트--start-----------*/

.movie_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:60px;}
.movie_list h1{
	margin:0 auto;
	text-align:left;
	font-family:'notokr-bold'; 
    font-size:1.5rem;
}
.movie_list h1 span{font-weight:bold;letter-spacing:-1px}
.movie_list .top_tab_section {border-bottom:1px solid #d7d3d3}
.movie_list .top_tab_section ul li{border:1px solid #d7d3d3;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

.movie_list .top_tab_section ul li.check{background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.movie_list .top_tab_section ul li:hover {background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.movie_list .list {}

.movie_list .list > ul {width:100%;border-bottom:1px solid #d7d3d3}

.movie_list .list > ul > li{
width:33%;
display:inline-block;
padding:40px 0 40px 0;
border-bottom:0px solid #d7d3d3;
vertical-align:top
}
.movie_list .list > ul > li:nth-child(1){width:430px}
.movie_list .list > ul > li:nth-child(1) img{width:411px;border-radius:10px}
.movie_list .list > ul > li:nth-child(2){width:calc(100% - 680px);border:0px solid #b6b6b6;}
.movie_list .list > ul > li:nth-child(3){border:0px solid #b6b6b6;clear:both;width:240px;margin-top:70px; text-align:right}
.movie_list .list > ul > li:nth-child(3) button{font-size:0.9rem;margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#a7157c;color:#fff}
.movie_list .list > ul > li:nth-child(3) button.book_buy{margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#057931;color:#fff}

.movie_list .list > ul > li:nth-child(2) > div ul li table{
border-collapse:collapse;
border:0px solid #b6b6b6;
width:400px
}

.movie_list .list > ul > li:nth-child(2) > div ul li table tr td{
width:*;
border:0px solid #b6b6b6; 
padding:5px;
vertical-align:top;

}
.movie_list .list > ul > li:nth-child(2) .movie_date_count {background:#f77413;border-radius:5px;font-size:1.1rem;color:#fff;padding:13px;text-align:center} 
.movie_list .list > ul > li:nth-child(2) .movie_date_sec {background:#123785;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
.movie_list .list > ul > li:nth-child(2) .movie_date_time {background:#2c6bf0;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
.movie_list .list > ul > li:nth-child(2) p {margin-top:10px}

/*---------------영상 리스트--end-----------*/



/*---------------영상 플레이--start-----------*/

.movie_play_list{width:1400px;margin:0 auto;margin-top:60px;padding-bottom:60px;}
.movie_play_list h1{
	margin:0 auto;
	text-align:left;
	font-family:'notokr-bold'; 
    font-size:1.8rem;
	padding-bottom:20px;
}
.movie_play_list h1 span{font-weight:bold;letter-spacing:-1px}
.movie_play_list .top_tab_section {border-bottom:0px solid #d7d3d3}
.movie_play_list .top_tab_section ul li{border:0px solid #d7d3d3;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

.movie_play_list .top_tab_section ul li.check{background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.movie_play_list .top_tab_section ul li:hover {background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.movie_play_list .list {border:1px solid #d7d3d3}

.movie_play_list .list > ul {width:100%;border-bottom:0px solid #d7d3d3}

.movie_play_list .list > ul > li{
width:33%;
display:inline-block;
border-bottom:0px solid #d7d3d3;
vertical-align:top;

}
.movie_play_list .list > ul > li:nth-child(1){width:1000px}
.movie_play_list .list > ul > li:nth-child(1) img{width:100%}
.movie_play_list .list > ul > li:nth-child(2){margin-left:20px;width:calc(100% - 1030px);border:0px solid #b6b6b6;
padding:10px
}
 
.movie_play_list .list > ul > li:nth-child(2) > div ul li table{
border-collapse:collapse;
border:0px solid #b6b6b6;
width:100%;
}

.movie_play_list .list > ul > li:nth-child(2) > div ul li table tr td{
width:*;
border:0px solid #b6b6b6; 
padding:5px;
vertical-align:top

}
.movie_play_list .list > ul > li:nth-child(2) .movie_date_count {vertical-align:middle;background:#f77413;height:70px;border-radius:5px;font-size:1.1rem;color:#fff;padding:10px;text-align:center} 
.movie_play_list .list > ul > li:nth-child(2) .movie_date_sec {background:#123785;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
.movie_play_list .list > ul > li:nth-child(2) .movie_date_time {background:#2c6bf0;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
.movie_play_list .list > ul > li:nth-child(2) p {margin-top:10px}


.movie_play_list .list .play_list_content {margin-top:20px;height:400px;overflow-y:auto;margin-bottom:2em}

.iframe_wrap{
    position: relative; 
    height: 0;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%; 
 
  /*
    56.25% => 16:9 비율의 영상
    75% => 4:3 비율의 영상
  */
}
.iframe_wrap iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
 

/*---------------영상 플레이--end-----------*/

/*---------------북 리스트--start-----------*/

.book_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:60px;}
.book_list h1{
	margin:0 auto;
	text-align:left;
	font-family:'notokr-bold'; 
    font-size:1.5rem;
}
.book_list h1 span{font-weight:bold;letter-spacing:-1px}
.book_list .top_tab_section {border-bottom:1px solid #d7d3d3}
.book_list .top_tab_section ul li{border:1px solid #d7d3d3;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

.book_list .top_tab_section ul li.check{background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.book_list .top_tab_section ul li:hover {background:#243a72;border-radius:5px 5px 0 0;width:80px;display:inline-block;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.book_list .list {}

.book_list .list > ul {width:100%;border-bottom:1px solid #d7d3d3}

.book_list .list > ul > li{
width:33%;
display:inline-block;
padding:40px 0 40px 0;
border-bottom:0px solid #d7d3d3;
vertical-align:top
}
.book_list .list > ul > li:nth-child(1){width:230px}
.book_list .list > ul > li:nth-child(1) img{width:230px !important;cursor:pointer}
.book_list .list > ul > li:nth-child(2){width:calc(100% - 480px);border:0px solid #b6b6b6;}
.book_list .list > ul > li:nth-child(3){border:0px solid #b6b6b6;clear:both;width:240px;margin-top:230px; text-align:right}
.book_list .list > ul > li:nth-child(3) button{font-size:0.9rem;margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#a7157c;color:#fff}
.book_list .list > ul > li:nth-child(3) button.book_buy{margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#057931;color:#fff}

.book_list .list > ul > li:nth-child(2) > div ul li table{
border-collapse:collapse;
border:0px solid #b6b6b6;
width:100%;
}

.book_list .list > ul > li:nth-child(2) > div ul li table tr td{
width:100px;
border:0px solid #b6b6b6; 
padding:5px;
font-weight:Normal !important;
}

.book_list .list > ul > li:nth-child(2) > div ul li table tr td.book_price span{
display:inline-block;
width:80px;
}
.book_list .list > ul > li:nth-child(2) > div ul li table tr td.book_price span.book_price_pay{

color:#000000;
text-decoration: line-through;
font-size:1.4rem;
 
}
.book_list .list > ul > li:nth-child(2) > div ul li table tr td.book_sale_price span{
display:inline-block;
width:80px;
}
.book_list .list > ul > li:nth-child(2) > div ul li table tr td.book_sale_price span.book_sale_price_pay{
 
color:red;
font-weight:bold;
font-size:1.9rem
}
.book_list .list > ul > li:nth-child(2) > div ul li table tr td .book_information{

margin-top:15px;
width:100%;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
text-decoration:none;
}



.book_list .list > ul > li:nth-child(2) .book_box_title {font-size:1.4rem;font-weight:bold;border-radius:5px 0 5px 0 ;padding:13px 0px;text-align:left} 
.book_list .list > ul > li:nth-child(2) p {margin-top:10px}

/*---------------북 리스트--end-----------*/




/*---------------영상댓글--start-----------*/

.movie_re_start {width:100%;margin-top:-40px}
.movie_re_start > ul > li {display:inline-block}
.movie_re_start > ul > li:nth-child(1){width:calc(100% - 157px);}
.movie_re_start > ul > li:nth-child(2){width:150px;}

.movie_re_start > ul > li:nth-child(2) > .memo_button{width:150px;height:90px;cursor:pointer}
#textarea{width:100%;height:90px}
#memo_in_ch{margin-bottom:30px}
.movie_re_start .movie_memo_list {padding-top:40px }
.movie_re_start .movie_memo_list h1{
width:100px;color:#fff;font-size:1.2rem;
padding:5px;text-align:center;background:#243a72;border-radius:5px 5px 0 0;
margin-top:30px;
}

.movie_re_start .movie_memo_list ul {border-top:1px solid #d1d1d1;padding:25px 0 20px 0}
.movie_re_start .movie_memo_list ul > li {display:inline-block}
.movie_re_start .movie_memo_list ul > li:nth-child(1){width:calc(100% - 157px);}
.movie_re_start .movie_memo_list ul > li:nth-child(1) p{margin:2px 0 2px 0}
.movie_re_start .movie_memo_list ul > li:nth-child(1) p:nth-child(2){font-size:0.8rem}
.movie_re_start .movie_memo_list ul > li:nth-child(2){width:150px;}
.movie_re_start .movie_memo_list ul > li:nth-child(2) > p {text-align:right}
.movie_re_start .movie_memo_list ul > li:nth-child(2) > p > button{font-size:0.7rem;cursor:pointer;padding:2px;border-radius:5px;margin-left:5px;width:30px;height:30px}


/*---------------영상댓글--end-----------*/


/*---------------mypage 영상리뷰--start-----------*/

.movie_re_start {width:100%;margin-top:40px}
 
.movie_re_start .movie_memo_list_my ul {border-bottom:1px solid #d1d1d1;padding:20px 0 20px 0}
.movie_re_start .movie_memo_list_my ul > li {display:inline-block;height:140px;border-right:1px solid #d1d1d1;vertical-align:top}
.movie_re_start .movie_memo_list_my ul > li:nth-child(1){width:250px;}

.movie_re_start .movie_memo_list_my ul > li:nth-child(2){width:calc(100% - 411px)}
.movie_re_start .movie_memo_list_my ul > li:nth-child(2) p{margin:10px 0 2px 0;padding-left:20px}
.movie_re_start .movie_memo_list_my ul > li:nth-child(2) p:nth-child(2){font-size:1.0rem}

.movie_re_start .movie_memo_list_my ul > li:nth-child(3){width:150px;border-right:0px}
.movie_re_start .movie_memo_list_my ul > li:nth-child(3) > p {text-align:center;vertical-align:middle}
.movie_re_start .movie_memo_list_my ul > li:nth-child(3) > p > button{font-size:0.7rem;cursor:pointer;padding:2px;border-radius:5px;margin-left:5px;width:30px;height:30px;}


/*---------------mypage 영상리뷰--end-----------*/



/*---------------개인정보보호정책--start-----------*/

#sub_body_main_contents TABLE td {
border-collapse:collapse;border:0px;
border:none;
/*font-weight:bold;*/
}

#sub_body_main_contents .su_ti{
font-weight:bold;
margin:10px 0px 10px 0px;
}

#sub_body_main_contents .TABLE_terms01{ 
width:100%;border-collapse:collapse;
border:1px solid #b6b6b6;
text-align:center;height:35px;
margin-top:10px;
}

#sub_body_main_contents .TABLE_terms01 Th{
border:1px solid #b6b6b6; padding:10px 5px;
width:25%;
}	
#sub_body_main_contents .TABLE_terms01 td{
border:1px solid #b6b6b6; padding:10px 5px;
width:25%;
}	

/*---------------개인정보보호정책---end-------------*/



/*---------------반품 및 환불에 관한 사항---------------*/

#product_view_content_info .title {margin-top:30px;word-break : keep-all}
#product_view_content_info .TABLE_terms01{ 
width:100%;border-collapse:collapse;
border:1px solid #b6b6b6;
text-align:center;
margin-top:10px;
}

#product_view_content_info .TABLE_terms01 tr th{
border:1px solid #b6b6b6; padding:10px 5px;
width:20%;
min-width:150px;
word-break : keep-all
}	
#product_view_content_info .TABLE_terms01 tr td{
border:1px solid #b6b6b6; padding:10px 5px;
width:80%;text-align:left;word-break : keep-all
}	
#product_view_content_info .TABLE_terms02{ 
width:100%;border-collapse:collapse;
border:1px solid #b6b6b6;
text-align:center;
margin-top:10px;
word-break : keep-all
}

#product_view_content_info .TABLE_terms02 tr th{
border:1px solid #b6b6b6; padding:10px 5px;
width:20%;
min-width:150px;word-break : keep-all

}	
#product_view_content_info .TABLE_terms02 tr td{
border:1px solid #b6b6b6; padding:10px 5px;
width:40%;text-align:center;word-break : keep-all
}

/*---------------회원찾기------*/

#cs_center_middle .member_search_id {
border: 1px solid #ccc7c7;	
width:1400px;margin: 0 auto;
padding:30px; 
margin-top:40px;
}

#cs_center_middle .member_search_id > ul > li {width:100%;text-align:center}
#cs_center_middle .member_search_id > ul > li:first-child{font-size:3.2rem;color:red}
#cs_center_middle .member_search_id > ul > li:nth-child(2){line-height:50px;vertical-align:middle}
#cs_center_middle .member_search_id > ul > li button{
	
margin-top:5px;border-radius: 5px;cursor:pointer;width:460px;background:#184DA0;height:42px;font-size:1.1rem;color:#fff;display:inline-block;

}


#cs_center_middle .member_search_id > ul > li > .body_form_yak{
margin:0 auto;
width:460px;
text-align:left;	
}
#cs_center_middle .member_search_id > ul > li > .body_form_yak > ul > li{
width:100%;	
border: 0px solid #ccc7c7;
}
#cs_center_middle .member_search_id > ul > li > .body_form_yak > ul > li input[type="text"]{
width:calc(100% - 125px);	
height:40px;

}
#cs_center_middle .member_search_id > ul > li > .body_form_yak > ul > li .nun_box {width:23.4% !important;}
#cs_center_middle .member_search_id > ul > li > .body_form_yak > ul > li > span{
display:inline-block;
width:120px !important;	
border: 0px solid #ccc7c7;
}

 
.member_search_id_radio_btn {
			width: 230px;
			height : 45px;
    		border: 1px solid #EAE7E7;
    		border-radius: 5px;
			display:inline-block;
			margin:5px 0 5px 0;
}
.member_search_id_radio_btn input[type=radio] {
			display: none;
}
.member_search_id_radio_btn label {
			display: block;
    		border-radius: 5px;
   			margin: 0 auto;
    		text-align: center;
    		height: -webkit-fill-available;
    		line-height: 45px;
}
		 
/* Checked */
.member_search_id_radio_btn input[type=radio]:checked + label {
			background: #184DA0;
			color: #fff;
}
		 
/* Hover */
.member_search_id_radio_btn label:hover {
			color: #666;
}
		 
/* Disabled */
.member_search_id_radio_btn input[type=radio] + label {
			background: #F9FAFC;
			color: #666;
}


#popup_login1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999999999;
}

#popup_login1.hide {
  display: none;
}

#popup_login1.has-filter {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}



/*팝업 아이디 비번결과*/

.search_content{background:#ffffff;border-radius:5px;padding:25px;height:auto;box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);}

.search_content h3{margin:0px 0px 15px 0px;font-size:1.7rem;font-weight:bold;text-align:center}
.search_body_pop{width:500px;margin-left:0px;margin-top:20px;font-size:0.8rem;height:auto;text-align:center}
.search_body_pop .mese {padding:2px 0px 2px 0px;height:auto;}
.search_body_pop .mese span{color:red;}
.search_body_pop .mese span.rig{color:red;float:right;}
.search_body_pop .mese span.rig div{width:125px;text-align:center;padding:6px;background:#4c8806;border:1px solid #4c8806;border-radius:5px;color:#ffffff;}
.search_body_pop .mese span.rig div a{color:#ffffff;}

.search_body_pop .member_sh{margin-top:20px;height:50px;}
.search_body_pop .member_sh input[type="text"] {font-size:1.7rem;padding:20px 0 20px 0;width:100%;text-align:center}

.search_body_pop .login_body_button {clear:both;width:100%;vertical-align:bottom !important;margin-left:0px;margin-top:20px;text-align:center;height:60px}

.search_body_btn_clean {	
    width:100%;
    background-color: #000000;
    border: none;
    color:#fff !important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 24px;
    cursor: pointer;
	border-radius:5px;
 
}


/*---------------회원가입-----------*/

#cs_center_middle  .m_join{margin:0 auto;margin-top:100px;border:2px solid #ebebeb;width:100%;height:auto;text-align:center;padding:10px  10px 50px 10px}
#cs_center_middle  .m_join p.top{margin-top:30px;font-size:2.3rem}
#cs_center_middle  .m_join p.mes{margin-top:10px;font-size:1.0rem;letter-spacing:-1px}

#cs_center_middle  .m_join ul {width:90%;margin:0 auto;}
#cs_center_middle  .m_join ul li{width:100%;height:50px;display:inline-block }
#cs_center_middle  .m_join ul li:first-child{width:10%;text-align:left }
#cs_center_middle  .m_join ul li:last-child{width:90%;text-align:left }
#cs_center_middle  .m_join ul li input[type="text"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
#cs_center_middle  .m_join ul li input[type="password"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
#cs_center_middle  .m_join ul li input[type="number"]{width:9.6%;height:40px;font-size:0.9rem;padding-left:10px}

#cs_center_middle  .m_join  p.subm button{width:90%;height:50px;background:#000000;color:#fff}


#cs_center_middle  .m_join p.bu_Se {margin-top:20px}
#cs_center_middle  .m_join p.bu_Se button{border:1px solid #ebebeb;font-size:0.9rem;width:30%;height:30px;color:#000000}
#cs_center_middle  .m_join p.bu_Se_m {margin-top:20px;font-size:0.9rem;letter-spacing:-1px;}
#cs_center_middle  .m_join p.yak {margin-top:20px;margin-bottom:30px}
#cs_center_middle  .m_join p.yak span{float:left;line-height:40px;margin-left:60px}
#cs_center_middle  .m_join p.yak textarea {width:90%;height:300px;padding:20px;color:#000000;font-size:1.0rem}



#valid_check_msg_uid  {color:red;font-size:0.8rem}
#valid_check_msg_pwd  {color:red;font-size:0.8rem}

/*---------------mypage-----------*/

#cs_center_middle  .m_mem_mypage{margin:0 auto;margin-top:100px;border:2px solid #ebebeb;width:100%;height:auto;text-align:center;padding:10px  10px 50px 10px}
#cs_center_middle  .m_mem_mypage p.top{margin-top:30px;font-size:2.3rem}
#cs_center_middle  .m_mem_mypage p.mes{margin-top:10px;font-size:1.0rem;letter-spacing:-1px}

#cs_center_middle  .m_mem_mypage ul {width:90%;margin:0 auto;}
#cs_center_middle  .m_mem_mypage ul li{width:100%;height:50px;display:inline-block }
#cs_center_middle  .m_mem_mypage ul li:first-child{width:10%;text-align:left }
#cs_center_middle  .m_mem_mypage ul li:last-child{width:90%;text-align:left }
#cs_center_middle  .m_mem_mypage ul li input[type="text"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
#cs_center_middle  .m_mem_mypage ul li input[type="password"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
#cs_center_middle  .m_mem_mypage ul li input[type="number"]{width:9.6%;height:40px;font-size:0.9rem;padding-left:10px}

#cs_center_middle  .m_mem_mypage  p.subm {display:inline-block;width:90%;}
#cs_center_middle  .m_mem_mypage  p.subm button{display:inline-block;width:40%;height:50px;background:#000000;color:#fff}
#cs_center_middle  .m_mem_mypage  p.subm button.m_de{background:red}

#cs_center_middle  .m_mem_mypage p.bu_Se {margin-top:20px}
#cs_center_middle  .m_mem_mypage p.bu_Se button{border:1px solid #ebebeb;font-size:0.9rem;width:30%;height:30px;color:#000000}
#cs_center_middle  .m_mem_mypage p.bu_Se_m {margin-top:20px;font-size:0.9rem;letter-spacing:-1px;}
#cs_center_middle  .m_mem_mypage p.yak {margin-top:20px;margin-bottom:30px}
#cs_center_middle  .m_mem_mypage p.yak span{float:left;line-height:40px;margin-left:60px}
#cs_center_middle  .m_mem_mypage p.yak textarea {width:90%;height:300px;padding:20px;color:#000000;font-size:1.0rem}



/*---------------저작권보호정책---start-------------*/



#sub_body_main_contents .information_memo{

width:1400px;margin:0 auto;
border:1px solid #d5d5d5;
border-radius:20px 0px 20px 0px;
height:140px;
margin:50px 0 100px 0;

}
#sub_body_main_contents .information_memo table{
border-radius:20px;
width:100%;border-collapse:collapse;
border:0px solid #b6b6b6;
text-align:left;height:35px;
background:#f6f7f9;
height:120px;
color:#585757;
font-weight:Normal;

}
#sub_body_main_contents .information_memo table th{
border-radius:20px 0px 20px 0px;
border:0px solid #b6b6b6; padding:15px;
width:100%;
background:#f6f7f9;
}
#sub_body_main_contents .information_memo table td{
	
border:0px solid #b6b6b6;padding:15px;
width:100%;
background:#ffffff;
font-size:0.9rem;
font-weight:Normal;
}	

/*---------------저작권보호정책---end-------------*/


/*----고객센터 start---------*/


.list_customer {clear:both;width:100%;border-collapse:collapse;border-spacing:0;margin-top:30px}
.list_customer th {height:42px;font-size:1.0rem;text-align:center;vertical-align:middle;border-top:2px solid #000000;border-bottom:1px solid #000000;}


.list_customer .cu_width_1 {width:7%;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_2 {width:*;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_3 {width:10%;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_4 {width:10%;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_5 {width:5%;border-collapse:collapse;border-spacing:0;}

.list_customer .cu_width_5 {width:6%;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_6 {width:*;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_7 {width:15%;border-collapse:collapse;border-spacing:0;}
.list_customer .cu_width_8 {width:10%;border-collapse:collapse;border-spacing:0;}


.list_customer tr td.gidots div.mok  {margin-top:0px;width:50px;margin-top:10px;text-align:center;line-height:30px;border-radius:10px;background:#000000;color:#fff;padding:3px;}


.list_customer td {font-family:'KoPub Dotum1';vertical-align:middle;padding:15px 0 15px;background:url() repeat-y 0 0;border-top:1px solid #ddd !important;line-height:15px;text-align:center;}
.list_customer .on td {border-top:1px solid #393939;background-color:#f9f9f9;}
.list_customer .on td.subject {padding-left:20px;text-align:left;vertical-align:middle;}

.list_customer .on td .notice_box {display:inline-block;text-align:center;border-radius:50px;background:#000000;color:#fff;width:50px;padding:5px}


.list_customer .on td a {letter-spacing:-1px;}
.list_customer .on td.fst_customer {background-color:#f9f9f9;text-align:center;vertical-align:middle;}
.list_customer th.fst_customer,
.list_customer td.fst_customer {background:none;vertical-align:middle;}
.list_customer td a:hover {}
.list_customer td.subject {padding-left:20px;text-align:left;vertical-align:middle;}

.list_customer td.subject a {font-family:'KoPub Dotum1';font-size:1.0rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
			
.list_customer td.gidots {text-align:left;}

.pageing_list {width:100%;}
.pageing_list div img{margin:5px}
.pageing_list div {margin:0 auto;padding-top:30px;display:flex;
/*align-items: center;*/
justify-content: center;}

.pageing_list div a{margin-right:4px;width:20px;height:10px;text-align:center}



.list_body_form {width:100%;border-collapse:0;border-spacing:0;float:none;width:100%;border:0px;margin-top:60px;}
.list_body_form input[type="text"] {font-size:0.9rem;height:35px;padding:4px;letter-spacing:-1px}
.list_body_form input[type="password"]{height:35px}
.list_body_form .list {width:100%;border-collapse:collapse;border-spacing:0;}

.list_body_form .ch_width {width:10%;border-collapse:collapse;border-spacing:0;}
.list_body_form .ch_width1 {width:90%;border-collapse:collapse;border-spacing:0;}
.list_body_form td {border:1px solid #fff;padding:4px 0 4px;color:#666;line-height:14px;text-align:left;font-size:0.9rem;}
.list_body_form td select{
	
 width:100px;
    background-color: #000000;
    border: none;
    color:#fff;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     font-size: 0.9rem;
    margin: 4px;
    cursor: pointer;
	border-radius:5px;	
}


.list_view {width:100%;margin-top:60px;}
.list_view td {line-height:25px;vertical-align:middle;border:0px solid #e6e6e6 !important;text-align:left !important;padding:10px} 
.list_view td.title_pa{font-size:1.5rem;background:#f3f3f3;padding:30px 10px 30px 10px;border:1px solid #e6e6e6 !important;border-top:2px solid #b3b3b3 !important;; border-bottom:1px solid #dddddd;}

.list_view td span {letter-spacing:0px !important;font-size:0.9rem;} 
.list_view td span.ri {float:right} 
.list_view td.l{padding:20px 10px 20px 10px}

.list_view td img{text-align:center !important;text-align:center;padding:5px 0px 5px 0px;}


.btn_wrap{width:100%;border: 0px solid #E9DDDD;text-align:right}

.btn_red {	
    width:70px;
    background-color: #f04040;
    border: none;
    color:#fff;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px;
    cursor: pointer;
	border-radius:5px;
	font-family:'NanumGothic-Bold';
	
}

.btn_clean {	
    width:70px;
    background-color: #000000;
    border: none;
    color:#fff;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px;
    cursor: pointer;
	border-radius:5px;
	font-family:'NanumGothic-Bold';
	
}


.list_btn_wrap {width:100%;text-align:right;}
.list_btn_red {	
 width:70px;
    background-color: #f04040;
    border: none;
    color:#fff;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 15px 4px;
    cursor: pointer;
	border-radius:5px;
	font-family:'KoPub Dotum2';
	
}
 
 .list_btn_input {    width:140px;
    background-color: #f04040;
    border: none;
    color:#fff;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.0rem;
    margin: 4px;
    cursor: pointer;
	border-radius:5px;
}	
.pass_button {	
    width:100px;
    background-color: #f04040;
    border: none;
    color:#fff;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 15px 4px;
    cursor: pointer;
	border-radius:5px;
	font-family:'KoPub Dotum2';
	
}

.fome_se_in_button {	
    width:100%;
    background-color: #f04040;
    border: none;
    color:#fff;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 15px 4px;
    cursor: pointer;
	border-radius:5px;
	font-family:'KoPub Dotum2';
	
}


#pass_send_form{width:100%;padding:10px}
#pass_send_form ul li{width:100%;}
#pass_send_form ul li input[type='text']{width:100%;height:33px;}
#pass_send_form ul li input[type='password']{width:100%;height:33px;}

#pass_send_form1{width:100%;padding:10px}
#pass_send_form1 ul li{width:100%;text-align:center}
#pass_send_form1 ul li input[type='text']{width:100%;height:33px;}
#pass_send_form1 ul li input[type='password']{width:100%;height:33px;}


/*----고객센터 end---------*/




/*---------------나의정보 리스트-영상구독-start------*/

.mypage_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:60px;}
.mypage_list h1{
	margin:0 auto;
	text-align:left;
	font-family:'notokr-bold'; 
    font-size:1.5rem;
}
.mypage_list h1 span{font-weight:bold;letter-spacing:-1px}
.mypage_list .top_tab_section {border-bottom:1px solid #d7d3d3}
.mypage_list .top_tab_section ul li{border:1px solid #d7d3d3;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

.mypage_list .top_tab_section ul li.check{background:#243a72;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.mypage_list .top_tab_section ul li:hover {background:#243a72;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;color:#fff;cursor:pointer}
 
 
/*---------------나의정보-영상구독-end-----------*/

/*---------------나의정보 리스트-회원정보-start------*/

#cs_center_middle .member_mypa_form {margin-top:50px}
#cs_center_middle .member_mypa_form > ul > li {width:100%;text-align:center}
#cs_center_middle .member_mypa_form > ul > li:first-child{font-size:3.2rem;color:red}
#cs_center_middle .member_mypa_form > ul > li:nth-child(2){line-height:50px;vertical-align:middle}
#cs_center_middle .member_mypa_form > ul > li button{
	
margin-top:5px;border-radius: 5px;cursor:pointer;width:460px;background:#184DA0;height:42px;font-size:1.1rem;color:#fff;display:inline-block;

}


#cs_center_middle .member_mypa_form > ul > li > .body_form_yak{
margin:0 auto;
width:460px;
text-align:left;	
}
#cs_center_middle .member_mypa_form > ul > li > .body_form_yak > ul > li{
width:100%;	
border: 0px solid #ccc7c7;
}
#cs_center_middle .member_mypa_form > ul > li > .body_form_yak > ul > li input[type="password"]{
width:calc(100% - 125px);	
height:40px;

}
#cs_center_middle .member_mypa_form > ul > li > .body_form_yak > ul > li .nun_box {width:23.4% !important;}
#cs_center_middle .member_mypa_form > ul > li > .body_form_yak > ul > li > span{
display:inline-block;
width:120px !important;	
border: 0px solid #ccc7c7;
}

 
.member_mypa_form_radio_btn {
			width: 230px;
			height : 45px;
    		border: 1px solid #EAE7E7;
    		border-radius: 5px;
			display:inline-block;
			margin:5px 0 5px 0;
}
.member_mypa_form_radio_btn input[type=radio] {
			display: none;
}
.member_mypa_form_radio_btn label {
			display: block;
    		border-radius: 5px;
   			margin: 0 auto;
    		text-align: center;
    		height: -webkit-fill-available;
    		line-height: 45px;
}
		 
/* Checked */
.member_mypa_form_radio_btn input[type=radio]:checked + label {
			background: #184DA0;
			color: #fff;
}
		 
/* Hover */
.member_mypa_form_radio_btn label:hover {
			color: #666;
}
		 
/* Disabled */
.member_mypa_form_radio_btn input[type=radio] + label {
			background: #F9FAFC;
			color: #666;
}


/*---------------나의정보 리스트-회원정보-end------*/

/*---------------나의정보 리스트-영상구독-start------*/

.table0001 {
border-collapse: collapse;
width: 100%;
color: #333;
 
font-size: 14px;
text-align: left;
border-radius: 10px;
overflow: hidden;
 
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
} 
.table0001 th {
background-color: #ff9800;
color: #fff;
font-weight: bold;
padding: 15px;
text-transform: uppercase;
letter-spacing: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
text-align:center;
font-size:1.0rem;
}
.table0001 tr:nth-child(even) td {
background-color: #f2f2f2;
text-align:center;
}

.table0001 tr:hover td {
background-color: #ffedcc;

}
.table0001 td {
background-color: #fff;
padding: 10px;
border-bottom: 1px solid #ccc;
font-size:1.0rem;
text-align:center;
letter-spacing: 0px;
}
/*---------------나의정보 리스트-영상구독-end------*/


/*---------------결제부분-가격 리스트-start------*/

.payment_cupon_list {width:100%;margin-top:40px}
.payment_cupon_list .pay_list_my {display:inline-block;width:100%;vertical-align:top}
.payment_cupon_list .pay_list_my ul {text-align:center;


}
.payment_cupon_list .pay_list_my ul li{display:inline-block;text-align:center;width:31%;

 
}
 
.table_pay_li {
border-collapse: collapse;
width: 100%;
color: #333;
font-size: 14px;
text-align: left;
border-radius: 10px;
overflow: hidden;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;

} 
.table_pay_li th {
background-color: #fafafa;
color: #077f28;
padding: 21px;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px solid #fff;
border-bottom: 0px solid #ccc;
text-align:center;
font-size:2.2rem;
letter-spacing:-1px;
border-top: 1px solid #d9dada !important;
border-left: 1px solid #d9dada !important;
border-right: 1px solid #d9dada !important;
}
.table_pay_li tr:nth-child(even) td {
background-color: #fafafa;
text-align:center;
font-size:2.9rem;
height:30px;
}
.table_pay_li tr:nth-child(even) td span {
font-size:1.0rem;
text-align:left;
}

.table_pay_li tr:last-child td {
font-size:2.2rem;
text-align:right;
color:#fff;
}
.table_pay_li tr:last-child td span {
font-size:1.0rem;
text-align:left;
color:#fff;
float:left
}

.table_pay_li tr:hover td {


}
.table_pay_li td {
background-color: #00c035;
padding: 25px;
border-left: 1px solid #d9dada !important;
border-right: 1px solid #d9dada !important;
cursor:pointer
}

.pay_tab_section {width:100%}
.pay_tab_section h3{font-size:1.4rem}

.pay_tab_section .check_p{width:310px;text-align:center;margin:0 auto}
.pay_tab_section .check_p div{display: flex; /* 화면 구조 설정 */}
.radioButton {
  appearance: none; /* 라디오 모양 보이지 않게 설정 */
  display: flex; /* 버튼 구조 설정 */
  align-items: center; /* 버튼 안에 내용물 중앙 정렬 */
  border: 2px solid #ddd; /* 버튼 선 굵기 색깔 설정 */
  padding: 14px 24px; /* 버튼 여백 설정 */
  border-radius: 6px; /* 버튼 모서리 둥근정도 설정 */
  gap: 10px; /* 버튼 안 내용물 간격 설정 */
  cursor: pointer; /* 버튼 hover시 마우스 표시 */
  margin:10px;
}

/* 동그라미 생성 */
.radioButton::before{
  content: ''; 
  width: 20px;
  height: 20px;
  background-color: #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  transition: border .2s linear;
}

/* 버튼이름 */
.radioButton::after {
  content: attr(label); /* html에 적은 name태그를 가져온다 */
  color: #ddd;
  font-size: 20px;
  text-transform: uppercase; 
  font-weight: 400;
}

/* 선택된 라디오 버튼의 뒷배경,선 색깔 */
.radioButton:checked {
  background-color: #FF9431;
  border-color: #FF9431;
  color:#fff;
}

/* 선택되기 전 라디오 버튼의 뒷배경,선 색깔 */
.radioButton:checked::before {
  border: 4px solid #ddd;
  background-color: #FF9431;
}
.pay_tab_section .check_p_price{width:450px;text-align:center;margin:0 auto;border:0px solid #000000}
.pay_tab_section .check_p_price div{}
.pay_tab_section .check_p_price input[type='text'] {width:100%;padding-bottom:20px; border-width: 0 0 0px;font-size:2.6rem;text-align:center;height:50px;color:red}
.pay_tab_section .check_p_price .select_bank{width:100%;font-size:1.2rem;padding:10px;margin:20px 0 20px 0}
 
.pay_tab_section .check_p_price p{margin-top:20px}

.pay_tab_section .check_p_price button{margin-top:30px;font-size:1.3rem;width:100%;padding:10px;background:#FF9431;color:#fff}

.pay_tab_section .check_p_price select[name="bank_y"]{width:100px;font-size:1.2rem;padding:10px;margin:20px 0 20px 0}
.pay_tab_section .check_p_price select[name="bank_m"]{width:60px;font-size:1.2rem;padding:10px;margin:20px 0 20px 0}
.pay_tab_section .check_p_price select[name="bank_d"]{width:60px;font-size:1.2rem;padding:10px;margin:20px 0 20px 0}


/*---------------결제부분-가격 리스트-end------*/


/*----게시판 메뉴 부분 시작 --*/
 
.customer_body_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:60px;}
.customer_body_list h1{
	margin:0 auto;
	text-align:left;
	font-family:'notokr-bold'; 
    font-size:1.5rem;
}
.customer_body_list h1 span{font-weight:bold;letter-spacing:-1px}
.customer_body_list .top_tab_section {border-bottom:1px solid #d7d3d3}
.customer_body_list .top_tab_section ul li{border:1px solid #d7d3d3;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

.customer_body_list .top_tab_section ul li.check{background:#243a72;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;color:#fff;cursor:pointer}

.customer_body_list .top_tab_section ul li:hover {background:#243a72;border-radius:5px 5px 0 0;width:120px;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
text-align:center;padding:5px;color:#fff;cursor:pointer}
 

/*----게시판 메뉴 부분 끝 --*/

/*---------------게시판 검색부분-start------*/

.search_cu_b{margin-top:30px;border:0px solid #393939;}
.search_body_form{margin:0 auto;width:70%;height:38px;line-height:35px;vertical-align:middle;border:0px solid #393939;padding:5px}
.search_cu_left{float:left;width:14%;border:0px solid #393939;}
.search_cu_center{float:left;width:66%;border:0px solid #393939;}
.search_cu_center .s_w{border:1px solid #E9DDDD;padding:4px;height:35px;margin-top:0px;}
.search_cu_center input[type="text"] {width:100%;}
.search_cu_center .s_w:focus{border:1px solid #009ae6;outline-width:0;color:#000;padding:4px;} 
.search_cu_right{float:left;width:20%;text-align:center;border:0px solid #393939;}
		


.search_body_form .select_box {
				position: relative;
				width: 70px;
				height: 35px;
				background: url(/images/select_arrow.png) 50px center no-repeat;
				border: 1px solid #E9DDDD;
}
.search_body_form .select_box label {
				position: absolute;
				font-size: 14px;
				color: #a97228;
				top: 0px;
				left: 12px;
				letter-spacing: 1px;
}
.search_body_form .select_box select#select_ad {
				width: 100%;
				height: 40px;
				min-height: 40px;
				line-height: 40px;
				padding: 0 10px;
				opacity: 0;
				filter: alpha(opacity=0);
}
.search_cu_right .search_ico {
	
				position: relative;
				float:right;
				right:0px;
				width: 80%;
				height: 35px;
				border: 1px solid #E9DDDD;
				background:#E9DDDD;
				cursor:pointer;
				
}			
/*---------------게시판 검색부분-end------*/

/*---------------공통 하단 주소--start-----------*/

footer {width:100%;margin-top:0px;font-size:0.9rem;}
#footer_line {border:2px solid #000000;width:100%;}
#address {width:1400px;margin:0 auto;margin-top:50px;padding-bottom:40px;font-family:'notokr-bold';letter-spacing:-1px} 
#address ul li{display:inline-block}

#address ul li:nth-child(1) {width:250px;vertical-align:top}
#address ul li:nth-child(1) p{height:28px;cursor:pointer}
#address ul li:nth-child(1) p:nth-child(1){color:red}
#address ul li:nth-child(2) {vertical-align:top}
#address ul li:nth-child(2) p{height:20px}
#address ul li:nth-child(2) p:nth-child(3){margin-top:10px;margin-bottom:10px;font-weight:bold;font-size:1.4rem;font-family:'notokr-bold'; color:#000000}
#address ul li:nth-child(2) p:nth-child(3) span{display:inline-block;margin-right:5px}
#address ul li:nth-child(2) p:nth-child(4){font-size:0.8rem;letter-spacing:0px}
#address ul li:nth-child(2) p:nth-child(5){margin-top:10px;margin-bottom:10px;}
#address ul li:nth-child(3) {width:250px;float:right;vertical-align:top;font-size:1.1rem;letter-spacing:-1.3px}

/*---------------공통 하단 주소--end-----------*/



       .main_layer_popup {
            width: 500px;
            height: 580px;
            position: absolute; /* fixed 대신 absolute 사용 */
            top: 20px; /* 상단에서 20px 떨어진 곳에 고정 */
            background-color: lightyellow;
            border: 1px solid #000;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
            padding:0px;
            box-sizing: border-box;
            cursor: pointer;
            z-index: 100;
			 
        }
        .main_layer_popup-header {
            background-color: #f1f1f1;
            padding: 10px;
            cursor: move;
            z-index: 10;
        }
        .main_layer_popup-content {
             padding:0px;
			 border: 0px solid #000;
			 height:500px;	
		 
        }
        .main_layer_popup-footer {
            padding: 5px;
            text-align: right;
			 border: 0px solid #000;
        }
        .container {
            position: relative;
        }
		.main_layer_popup img {
            max-width: 100%;
			width:500px;
			height:500px;			
            display: block;  
            margin: auto;  
		 }
		.popup-image-link {
            display: block;
            width: 100%;
            height: 100%;
        }
		@media (max-width: 760px) {
		
            .main_layer_popup {
			
				width: 96%;
				height: auto;
				position: absolute;  
                top: 20px;  
				background-color: lightyellow;
				border: 1px solid #000;
				box-shadow: 0 0 10px rgba(0,0,0,0.5);
				padding: 0px;
				box-sizing: border-box;
				cursor: pointer;
				z-index: 1000;  
				
            }
        }
		#popup_layer_main_form {position:absolute;top:10px;left:10px;width:calc(100% - 10px);}




/*------카드 담기 팝업창-------*/



 /*popup*/
.cart_popup_layer {position:fixed;top:0;left:0;z-index: 100000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.cart_popup_box{position: relative;top:50%;left:50%; overflow: auto; height: 200px; width:400px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.cart_popup_box .popup_cont {padding:50px;line-height:1.4rem;font-size:14px; }
.cart_popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.cart_popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}

.cart_popup_box .popup_cont button{clear:both !important;margin-top:20px;width:120px;height:46px;display:inline-block;background:#ccc7c7;color:#000000;border:1px solid #ccc7c7;font-size:1.0rem;margin-right:0px;border-radius:4px;cursor:pointer}

 

/*▒▒▒▒▒▒▒▒▒ 2 ▒▒▒▒▒▒▒▒ 해상도 체크 (min-width: 1200px) and (max-width: 1399px) ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒*/

@media only screen and (max-width: 1400px) {
	
/*  --- start ---  */
 
		 /*---------------회원찾기------*/

		#cs_center_middle .member_search_id {
		border: 1px solid #ccc7c7;	
		width:100%;margin: 0 auto;
		padding:30px; 
		margin-top:40px;
		}

		 
		/* -------------------- 상단 팝업 STYLE ----------------------*/

		#page_popup {
			display: none;
			width: 100%;
			min-width:100%;
			margin: auto;
			max-height: 150px;
			background: url(/images/top_pop_bg.jpg);/*#0061a2;*/
			overflow: hidden;
			}
		.pop_absolute {
			position: absolute;
			right:50%;
			margin-right:-660px;
			top:144px;
			}
		.popup_area  {
			position: relative;
			width: 100%;
			height: 150px;
			margin: auto;
			overflow: hidden;
			z-index:100;
			}
		.btn_control {
			position: absolute;
			top: 24px;
			right: 10px;
			z-index:1;
			}
		.popup_list {	
			overflow: hidden;
			vertical-align:middle;
		}
			
		.popup_list li {
			float: left;
			width:100%; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
			height:150px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
			display: flex;       /* 자식 요소를 세로(수직) 기준으로 가운데 정렬시킴 */
			align-items: center; /* 자식 요소를 세로(수직) 기준으로 가운데 정렬시킴 */
			overflow: hidden;
		}
		.popup_list li img{width:100%}

		.popup_list li a{display:block;color:#ffffff;font-family:'notokr-regular'}
		.popup_close {
			position: absolute;
			bottom: 22px;
			right: 10px;
			 
		}
		.popup_close a {
			color: #ffffff;
		}

		/*----상단 메뉴-----*/

		#header {position:relative;top:0px;left:0%;width:100%;text-align:center;}

		#header .menu_up_down{height:auto;width:100%;top:0px;left:0px;z-index:9999999;cursor:pointer;font-family:'NanumSquareR';}
		#header .menu_up_down .top_login_m {
			width:100%;border:0px solid #000000;margin:0 auto;
			font-size:0.9rem;
			 
			margin-top:0px;height:44px; 
			vertical-align:middle;padding:0px;
		}
		#header .menu_up_down .top_login_m  ul{text-align:right}
		#header .menu_up_down .top_login_m  ul li{vertical-align:top;letter-spacing:-1px;display:inline-block;margin-left:14px;text-align:right;border:0px solid #000000;}
		#header .menu_up_down .top_login_m  ul li img{vertical-align:top !important;display:inline-block !important;margin:0 !important;padding:0 !important}
		#header .menu_up_down .inner{width:100%;margin:0 auto;margin-top:0;overflow:hidden;border-top:1px solid #b6b6b6;border-bottom:1px solid #b6b6b6;}
		#header .menu_up_down .inner .lnb {width:100%;border:0px solid red;margin:0 auto;font-size:1.1rem;height:50px;line-height:50px;letter-spacing:-1px;}
		#header .menu_up_down .inner .lnb li{display:inline-block;width:12%;height:50px;line-height:50px;
		text-align:center;border:0px solid red;
		color:#000000;
		border-radius:10px;margin-right:5px
		}
		 
		/*----상단 메뉴 여기까지-----*/
		 
		 
		#pr_move_body{width:100%;margin:0 auto;margin-top:40px;} 
		#pr_move_body .pr_banner{width:33%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top}
		#pr_move_body .search_top_board{margin-left:40px;width:30%;display:inline-block;vertical-align:top;border:0px solid #000000;}
		#pr_move_body .login_cal{margin-top:4px;margin-left:40px;width:30%;display:inline-block;border:0px solid #000000;vertical-align:top}
        
		 
		 
		/**메인 광고**/
		#main_pr_banner{width:100%;margin:0 auto;margin-top:50px;}
		#main_pr_banner img{width:100%}


		/**리스트**/

		#main_book_list{margin:0 auto;margin-top:50px;

		width:100%;height:610px;
		background:url('/images/book_Bg.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		backgorund-size: 100% 100%;
		overflow: hidden;

		}

		#main_book_list .main_bokk_title1{
		width:100%;margin:0 auto;margin-top:20px;
		text-align:center;color:#fff;font-size:2.0rem;letter-spacing:-1px
		}

		/* 탭 전체 스타일 */
		.main_book_list_tabs {
		 
		  padding-bottom: 40px;
		   
		  width: 100%;
		  margin: 0 auto; margin-top: 50px;text-align:Center
		}

		/* 탭 컨텐츠 스타일 */
		.tab_content {
		  display: none;
		  padding: 0px;
		  clear: both;
		  overflow: hidden;
		  width:96%;
		  border:0px solid #000000;
		  margin-top:40px;
		  position:absolute;
		  text-align:center;
		  z-index:1px
		}

		.slider {overflow: hidden;position: relative;max-width: 100%;margin: 0px auto 0;}
		.slider .inner {overflow: hidden;margin: 0 80px;background-color:transparent;}
		.slide_list > li {width:130px;height:172px;background-color:transparent;cursor:pointer}
		.slide_list > li img {width:130px;height:172px;}

		.slider .btn {position: absolute;top: 32%;width: 35px;height: 35px;background:url('images/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;}
		.slider .btn.btn_prev {left: 0;
		/*transform: rotateY(180deg) translate(0,-50%);*/
		width:28px;height:44px;
		background:url('/images/mvisual_left.png') center center no-repeat;
		}
		.slider .btn.btn_next {right:0;
		/*transform: translate(0,-50%);*/
		width:28px;height:44px;
		background:url('/images/mvisual_right.png') center center no-repeat;
		}


		/*-----동영상 날짜 보기 및 시대영상보기 시작 --*/

		 
		#main_move_tab_list {
		width:100%;height:548px;
		margin-top:20px;
		background:url('/images/moview_Bg.jpg');
		background-repeat: no-repeat;
		background-position: -300px 0px;
		backgorund-size: 100% 100%;
		overflow: hidden;
		}
 
		/**동영상 리뷰**/
		
		.main_webtong_menu_wrap {border: 2px solid #26364c;border-radius: 5px;margin: 0 auto;width: 100%;max-width:100%}
        .main_webtong_menu_wrap.shop {border: 0;max-width: 100%;margin-bottom: 50px;position: relative;padding-top: 33px;}


		#move_relvew{width:100%;margin:0 auto;margin-top:50px;}
		#move_relvew h1{
			font-family:'notokr-bold'; 
			font-size:1.5rem
		} 
		 
		/**북 리뷰**/

		#main_book_relvew{width:100%;margin:0 auto;margin-top:50px;}
		#main_book_relvew h1{
			font-family:'notokr-bold'; 
			font-size:1.5rem
		}
		.scrollbar {display:none}		 
		 
		/*---------------서브페이지 공통 --start-----------*/


		#sub_body_main_contents{

		width:100%;margin:0 auto;
		font-size:1.0rem;letter-spacing:-1px;
		margin-top:60px;
		text-align : justify

		} 
		 
		#sub_body_main_contents .information_memo{

		width:100%;margin:0 auto;
		border:1px solid #d5d5d5;
		border-radius:20px 0px 20px 0px;
		height:auto;
		margin:50px 0 100px 0;

		}
		

		
		 
		/*---------------함께하는 기관 --start-----------*/

		#together_{width:100%;margin:0 auto;margin-top:60px;margin-bottom:60px;} 
		 
		/*---------------공통 하단 주소--start-----------*/

		footer {width:100%;margin-top:40px;font-size:0.9rem;}
		#footer_line {border:2px solid #000000;width:100%;}
		#address {width:100%;margin:0 auto;margin-top:50px;padding-bottom:40px;font-family:'notokr-bold';letter-spacing:-1px} 
		#address ul li{display:inline-block}
 
 
 
 
 
 
 
 
/*  --- end ---  */

} 





@media only screen and (max-width: 1399px) {

        #wrap {padding:10px;}
		#address{padding:10px;}
		
		#movie_box {position:relative;width:100% !important;margin:0 auto;border:0px solid red;height:100%;}


		#panel .molist {position:absolute;width:100%;margin-top:45px;border:0px solid blue}

		#panel .molist > ul{display:inline-block;width:100%;}
		#panel .molist > ul > li{float:left;min-width:478px;width:33%;vertical-align:top;cursor:pointer}
		
		
		
		#panel .molist > ul > li:nth-child(1) img{max-width:width:478px}
	 
		#panel .molist > ul > li:nth-child(2){min-width:200px;border:0px solid blue } 
		#panel .molist > ul > li span{cursor:pointer;display:inline-block;font-size:1.0rem;margin-top:15px;}

		#panel .molist > ul > li:nth-child(2) > .m_list_title{margin-left:40px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
		#panel .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}
		#panel .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}

	
	 

		#panel .molist > ul > li:nth-child(2) > .m_list {width:100%;overflow:auto}
		#panel .molist > ul > li:nth-child(2) > .m_list ul{width:1000px}
 
 


		#pane2 .molist {position:absolute;width:100%;margin-top:45px;border:0px solid blue}

		#pane2 .molist > ul{display:inline-block;width:100%;}
		#pane2 .molist > ul > li{float:left;min-width:478px;width:33%;vertical-align:top;cursor:pointer}
		#pane2 .molist > ul > li:nth-child(2){min-width:200px;border:0px solid blue } 
		#pane2 .molist > ul > li span{cursor:pointer;display:inline-block;font-size:1.0rem;margin-top:15px;}

		#pane2 .molist > ul > li:nth-child(2) > .m_list_title{margin-left:40px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
		#pane2 .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}
		#pane2 .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}


		#pane2 .molist > ul > li:nth-child(2) > .m_list {width:100%;overflow:auto}
		#pane2 .molist > ul > li:nth-child(2) > .m_list ul{width:1000px}
 

		.movie_play_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:60px;}
		.movie_play_list h1{
			margin:0 auto;
			text-align:left;
			font-family:'notokr-bold'; 
			font-size:1.8rem;
			padding-bottom:20px;
		}
		.movie_play_list .list > ul > li:nth-child(1){width:100%}
		.movie_play_list .list > ul > li:nth-child(1) img{width:100%}
		.movie_play_list .list > ul > li:nth-child(2){margin-left:0px;width:100%;border:0px solid #b6b6b6;
		padding:10px
		}


		#pr_move_body{width:100%;margin:0 auto;margin-top:40px;} 
		#pr_move_body .pr_banner{width:33%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top}
		#pr_move_body .search_top_board{margin-left:30px;width:30%;display:inline-block;vertical-align:top;border:0px solid #000000;}
		#pr_move_body .login_cal{margin-top:4px;margin-left:30px;width:30%;display:inline-block;border:0px solid #000000;vertical-align:top}
        

		
		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(1){
			width:12%;text-align:left;
			min-width:50px;;border:0px solid #000000
			 
			
		}
		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(2){
			width:58%;text-align:left;border:0px solid #000000
		}
		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(3){
			width:20%;
			text-align:right;;border:0px solid #000000
		}




}

@media only screen and (max-width: 1300px) {
	
/*  --- start ---  */
 
		/*----상단 메뉴 여기까지-----*/
		
		#pr_move_body {padding:0px}
		 
		#pr_move_body{width:100%;margin:0 auto;margin-top:40px;height:auto} 
		#pr_move_body .pr_banner{width:33%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top}
		#pr_move_body .search_top_board{float:right;border: 0px solid #000000 !important;margin-left:33px;width:60% !important;margin-top:00px;margin-right:40px;display:inline-block;vertical-align:top;border:0px solid #000000;height:350px}
		#pr_move_body .login_cal       {display: none;}

		#pr_move_body .search_top_board .input_search_box  {width:100% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(1){width:91% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(2){width:8%;margin-left:-4px}

        /*----회원가입-----*/
        
		#cs_center_middle  .m_join{margin:0 auto;margin-top:60px;border:2px solid #ebebeb;width:100%;height:auto;text-align:center;padding:10px  10px 50px 10px}

		#cs_center_middle  .m_join ul li:first-child{min-width:100px;width:10%;text-align:left }
		#cs_center_middle  .m_join ul li:last-child{width: calc(100% - 130px);text-align:left }
		#cs_center_middle  .m_join ul li input[type="text"]{width:100%;height:40px;font-size:0.9rem;padding-left:10px}
		#cs_center_middle  .m_join ul li input[type="password"]{width:100%;height:40px;font-size:0.9rem;padding-left:10px}
		#cs_center_middle  .m_join ul li input[type="number"]{width:31.1%;height:40px;font-size:0.9rem;padding-left:10px}

		#pr_move_body .login_cal .cal_list {display:none}


		#header .menu_up_down .inner .lnb {width:100%;margin:0 auto;font-size:1.5rem;height:50px;line-height:50px;letter-spacing:-1px;}
		#header .menu_up_down .inner .lnb li{border:0px solid #000000;display:inline-block;width:100% !important;height:50px;line-height:50px;text-align:center !important;}
   

/*  --- end ---  */


}




/*▒▒▒▒▒▒▒▒▒▒ 3 ▒▒▒▒▒▒▒ 해상도 체크 (min-width:760px) and (max-width: 1199px)   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒*/

@media only screen and (max-width: 1200px) {
	
/*  --- start ---  */
 
		/*----상단 메뉴 여기까지-----*/
 
	 


		.movie_list .list {}

		.movie_list .list > ul {width:100%;border-bottom:1px solid #d7d3d3}

		.movie_list .list > ul > li{
		width:33%;
		display:inline-block;
		padding:40px 0 20px 0;
		border-bottom:0px solid #d7d3d3;
		vertical-align:top;
		
		}
		.movie_list .list > ul > li:nth-child(1){max-width:430px;}
		.movie_list .list > ul > li:nth-child(1) img{width:411px}
		.movie_list .list > ul > li:nth-child(2){width:calc(100% - 450px);border:0px solid #b6b6b6;}
		.movie_list .list > ul > li:nth-child(3){border:0px solid #b6b6b6;clear:both;width:100%;margin-top:0px; text-align:left}
		.movie_list .list > ul > li:nth-child(3) button{font-size:0.9rem;margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#a7157c;color:#fff}
		.movie_list .list > ul > li:nth-child(3) button.book_buy{margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#057931;color:#fff}

 


		 
/*  --- end ---  */

}

@media only screen and (max-width: 1100px) {
	
/*  --- start ---  */

        #inner_pc {display:none}
        #inner_m {display:block}
 
 		#header .menu_up_down .inner .lnb {width:100%;margin:0 auto;font-size:1.5rem;height:50px;line-height:50px;letter-spacing:-1px;}
		#header .menu_up_down .inner .lnb li{width:12%;border:0px solid #000000;display:inline-block;width:100% !important;height:50px;line-height:50px;text-align:center !important;}

		
		/*----상단 메뉴 여기까지-----*/
		
		#pr_move_body {padding:0px}
		 
		#pr_move_body{width:100%;margin:0 auto;margin-top:40px;height:auto} 
		#pr_move_body .pr_banner{width:34%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top}
		#pr_move_body .search_top_board{float:right;border:0px solid #000000 !important;margin-left:30px;width:58% !important;margin-top:0px;margin-right:40px;display:inline-block;vertical-align:top;border:0px solid #000000;height:350px}
		#pr_move_body .login_cal       {display:none}

		#pr_move_body .search_top_board .input_search_box  {width:100% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(1){width:89% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(2){width:8%;margin-left:-7px}
		
		
		#address {margin-top:30px;padding-bottom:30px}
		#address ul li:nth-child(2) {margin-top:0px}
		#address ul li:nth-child(2) P {height:auto;overflow-wrap: break-word; /* 최신 방식 */
        word-break: keep-all; /* 단어 단위로 자르기 (한국어와 같은 언어에서 사용) */}
		#address ul li:nth-child(2) P:nth-child(3) {margin-top:30px}
        #address ul li:nth-child(3) {position:relative;margin-top:0px;width:220px;float:right;vertical-align:top;font-size:1.1rem;letter-spacing:-1.3px}

		#address {margin-top:30px;padding-bottom:30px}
		#address ul li:nth-child(1) {width:100%;margin-top:0px}
		#address ul li:nth-child(2) {width:100%;margin-top:20px}
		#address ul li:nth-child(2) P {height:auto;overflow-wrap: break-word; /* 최신 방식 */
        word-break: keep-all; /* 단어 단위로 자르기 (한국어와 같은 언어에서 사용) */}
		#address ul li:nth-child(2) P:nth-child(3) {margin-top:30px}
        #address ul li:nth-child(3) {position:relative;margin-top:-330px;width:220px;float:right;vertical-align:top;font-size:1.1rem;letter-spacing:-1.3px}


		/*  --- 고객센터 리스트 부분 ---  */
				
		.list_customer .cu_width_1 {width:7%;border-collapse:collapse;border-spacing:0;}
		.list_customer .cu_width_2 {width:*;border-collapse:collapse;border-spacing:0;}
		.list_customer .cu_width_3 {width:15%;border-collapse:collapse;border-spacing:0;}
		.list_customer .cu_width_4 {width:20%;border-collapse:collapse;border-spacing:0;}
		.list_customer .cu_width_5 {width:10%;border-collapse:collapse;border-spacing:0;}
        .list_customer tr th {font-size:0.9rem !important}
		.list_customer tr td {font-size:0.9rem}

		.search_cu_b{margin-top:30px;border:0px solid #393939;}
		.search_body_form{margin:0 auto;width:100%;height:38px;line-height:35px;vertical-align:middle;border:0px solid #393939;padding:5px}
		.search_cu_left{float:left;width:20%;border:0px solid #393939;}
		.search_cu_center{float:left;width:60%;border:0px solid #393939;}
		.search_cu_center .s_w{border:1px solid #E9DDDD;padding:4px;height:35px;margin-top:0px;}
		.search_cu_center input[type="text"] {width:100%;}
		.search_cu_center .s_w:focus{border:1px solid #009ae6;outline-width:0;color:#000;padding:4px;} 
		.search_cu_right{float:left;width:20%;text-align:center;border:0px solid #393939;}
			
		.list_body_form .ch_width {width:20%;border-collapse:collapse;border-spacing:0;}
		.list_body_form .ch_width1 {width:80%;border-collapse:collapse;border-spacing:0;}
					
		

 
        .popup_area  {
		 height: 120px;
		 }

			
		.popup_list li {
			height:120px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
		 }
 
		
		
/*  --- end ---  */

}
@media only screen and (max-width: 1000px) {

        .popup_area  {
		 height: 100px;
		 }

			
		.popup_list li {
			height:100px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
		 }


 }

@media only screen and (max-width: 900px) {
	
/*  --- start ---  */

		/*----상단 메뉴 여기까지-----*/
		#pr_move_body {padding:0px}
		 
		#pr_move_body{width:100%;margin:0 auto;margin-top:40px;height:auto} 
		#pr_move_body .pr_banner{width:100%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top;margin-bottom:30px}
		#pr_move_body .search_top_board{float:normal;border:0px solid #000000 !important;margin-left:0px;width:100% !important;margin-top:0px;margin-right:0px;display:inline-block;vertical-align:top;border:0px solid #000000;height:350px}
		#pr_move_body .login_cal       {display:none}

		#pr_move_body .search_top_board .input_search_box  {width:100% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(1){width:89% !important;}
		#pr_move_body .search_top_board .input_search_box ul li:nth-child(2){width:8%;margin-left:-7px}
		
		/*---------------서브페이지 공통 검색--start-----------*/
				 
		#sub_body_main_contents .subpage_title .search_box{
		float:right;margin-top:-90px;width:120px !important;margin-right:60px

		}
 
		#sub_body_main_contents .subpage_title .search_box button{
		position:absolute;z-index:1px;
		background:url("/images/search_ico.jpg");
		width:38px;height:47px;
		margin-top:-51px;
		margin-left:123px;
		}
		 
		/*---------------결제부분-가격 리스트-start------*/

		.payment_cupon_list {width:100%;margin-top:20px}
		.payment_cupon_list .pay_list_my ul li{display:inline-block;text-align:center;width:100%;

		}
		.table_pay_li {
		border-collapse: collapse;
		width: 100%;
		color: #333;
		font-size: 14px;
		text-align: left;
		border-radius: 10px;
		overflow: hidden;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;

		} 
		
		.movie_list .list > ul > li{
		width:100%;
		display:inline-block;
		padding:40px 0 5px 0;
		border-bottom:0px solid #d7d3d3;
		vertical-align:top;
		
		}
		.movie_list .list > ul > li:nth-child(1){max-width:100%;width:100%;}
		.movie_list .list > ul > li:nth-child(1) img{width:100%}
		.movie_list .list > ul > li:nth-child(2){margin-top:0px;width:100%;border:1px solid #d7d3d3;margin-bottom:15px;padding:5px}
		.movie_list .list > ul > li:nth-child(3){border:0px solid #b6b6b6;clear:both;width:100%;margin-bottom:15px;padding-top:0px; text-align:right}
		.movie_list .list > ul > li:nth-child(3) button{font-size:0.9rem;margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#a7157c;color:#fff}
		.movie_list .list > ul > li:nth-child(3) button.book_buy{margin:0px 0px 0px 5px;width:100px;height:35px;border-radius:5px;background:#057931;color:#fff}

		.movie_list .list > ul > li:nth-child(2) > div ul li table{
		border-collapse:collapse;
		border:0px solid #b6b6b6;
		width:100%
		}

		.movie_list .list > ul > li:nth-child(2) > div ul li table tr td{
		width:*;
		border:0px solid #b6b6b6; 
		padding:5px

		}
		.movie_list .list > ul > li:nth-child(2) .movie_date_count {background:#f77413;border-radius:5px;font-size:1.1rem;color:#fff;padding:13px;text-align:center} 
		.movie_list .list > ul > li:nth-child(2) .movie_date_sec {background:#123785;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
		.movie_list .list > ul > li:nth-child(2) .movie_date_time {background:#2c6bf0;border-radius:8px 0px 8px 0px;color:#fff;padding:5px;text-align:center} 
		.movie_list .list > ul > li:nth-child(2) p {margin-top:10px}
		
		
		/*---고객센터 메뉴 --*/
		
		.customer_body_list{width:100%;margin:0 auto;margin-top:30px;padding-bottom:30px;}
		.customer_body_list .top_tab_section {clear:both;border-bottom:1px solid #d7d3d3}
		.customer_body_list .top_tab_section ul li      {clear:both;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;cursor:pointer;}

		.customer_body_list .top_tab_section ul li.check{clear:both;background:#243a72;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;color:#fff;cursor:pointer}

		.customer_body_list .top_tab_section ul li:hover {clear:both;background:#243a72;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;color:#fff;cursor:pointer}
		 
		/*---마이페이지 메뉴 --*/	
		
		.mypage_list .top_tab_section {border-bottom:1px solid #d7d3d3}
		.mypage_list .top_tab_section ul li{border:1px solid #d7d3d3;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;cursor:pointer;border-bottom:0px solid #d7d3d3;}

		.mypage_list .top_tab_section ul li.check{background:#243a72;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;color:#fff;cursor:pointer}

		.mypage_list .top_tab_section ul li:hover {background:#243a72;border-radius:0px 0px 0 0;width:100%;height:50px;display:inline-block;line-height:40px;vertical-align:middle;
		text-align:center;padding:5px;color:#fff;cursor:pointer}
	
	    /*---마이페이지 영상 구독 --*/	
	
		#movie_memo_list_ul{width:100%;overflow-x:auto}
		.table0001 {width:1000px}

		.table0001 th {
		background-color: #ff9800;
		color: #fff;
		font-weight: bold;
		padding: 15px;
		text-transform: uppercase;
		letter-spacing: 0px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		text-align:center;
		font-size:0.9rem;
		}

		.table0001 td {
		background-color: #fff;
		padding: 10px;
		border-bottom: 1px solid #ccc;
		font-size:0.9rem;
		text-align:center;
		letter-spacing: 0px;
		}
		
		/*---마이페이지 영상 리뷰 --*/	
			
		.movie_re_start .movie_memo_list_my ul {border-bottom:0px solid #d1d1d1;padding:20px 0 20px 0;height:auto}
		.movie_re_start .movie_memo_list_my ul > li {display:inline-block;border-right:0px solid #d1d1d1;vertical-align:top}
		.movie_re_start .movie_memo_list_my ul > li:nth-child(1){max-width:250px;width:250px;}

		.movie_re_start .movie_memo_list_my ul > li:nth-child(2){width:calc(100% - 260px)}
		.movie_re_start .movie_memo_list_my ul > li:nth-child(2) p{margin:10px 0 2px 0;padding-left:20px}
		.movie_re_start .movie_memo_list_my ul > li:nth-child(2) p:nth-child(2){font-size:1.0rem}

		.movie_re_start .movie_memo_list_my ul > li:nth-child(3){width:100%;border-right:0px;margin-top:20px;height:60px}
		.movie_re_start .movie_memo_list_my ul > li:nth-child(3) > p {text-align:left;vertical-align:middle}
		.movie_re_start .movie_memo_list_my ul > li:nth-child(3) > p > button{font-size:0.9rem;cursor:pointer;padding:2px;border-radius:5px;margin-left:0px;width:100%;height:50px;}

			
		#cs_center_middle  .m_mem_mypage ul {width:90%;margin:0 auto;}
		#cs_center_middle  .m_mem_mypage ul li{width:100%;height:50px;display:inline-block }
		#cs_center_middle  .m_mem_mypage ul li:first-child{width:20%;text-align:left }
		#cs_center_middle  .m_mem_mypage ul li:last-child{width:80%;text-align:left }
		#cs_center_middle  .m_mem_mypage ul li input[type="text"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
		#cs_center_middle  .m_mem_mypage ul li input[type="password"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}
		#cs_center_middle  .m_mem_mypage ul li input[type="number"]{width:30%;height:40px;font-size:0.9rem;padding-left:10px}

		/*---북 리스트--*/	
		
		.book_list .list > ul {width:100%;border-bottom:1px solid #d7d3d3}

		.book_list .list > ul > li{
		width:33%;
		display:inline-block;
		padding:20px 0 20px 0;
		border-bottom:0px solid #d7d3d3;
		vertical-align:top
		}
		.book_list .list > ul > li:nth-child(1){max-width:220px;width:220px;height:auto}
		.book_list .list > ul > li:nth-child(2){width:calc(100% - 225px);border:0px solid #b6b6b6;}
		.book_list .list > ul > li:nth-child(3){border:0px solid #b6b6b6;clear:both;width:100%;margin-top:0px; text-align:center}
		.book_list .list > ul > li:nth-child(3) button{font-size:0.9rem;margin:0px 0px 0px 5px;width:47%;height:35px;border-radius:5px;background:#a7157c;color:#fff}
		.book_list .list > ul > li:nth-child(3) button.book_buy{margin:0px 0px 0px 0px;width:47%;height:35px;border-radius:5px;background:#057931;color:#fff}
			
			
		#page_popup {
			display: none;
			width: 100%;
			min-width:100%;
			margin: auto;
			background: url();/*#0061a2;*/
			overflow: hidden;
			}

        .popup_area  {
		 height: 90px;
		 }

			
		.popup_list li {
			height:90px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
		 }
		 
 	
	
/*  --- end ---  */


}


/*▒▒▒▒▒▒▒▒▒▒ 4 ▒▒▒▒▒▒▒ 해상도 체크 760px ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒*/

@media only screen and (min-width:0px) and (max-width: 760px) {
 
/*  --- start ---  */
        .movie_play_list{width:100%;margin:0 auto;margin-top:60px;padding-bottom:20px;}
        .movie_play_list .list .play_list_content {margin-top:20px;height:auto;overflow-y:auto;margin-bottom:2em} 
		/*---------------회원찾기------*/
		
		#cs_center_middle .member_search_id > ul > li {width:100%;text-align:center}
		#cs_center_middle .member_search_id > ul > li:first-child{font-size:3.2rem;color:red}
		#cs_center_middle .member_search_id > ul > li:nth-child(2){line-height:50px;vertical-align:middle}
		#cs_center_middle .member_search_id > ul > li button{
			
		margin-top:5px;border-radius: 5px;cursor:pointer;width:100%;background:#184DA0;height:42px;font-size:1.1rem;color:#fff;display:inline-block;

		}
		
		#mem_search_nm1 {width:100%}

		.member_search_id_radio_btn {
					width: 48%;
					height : 45px;
					border: 1px solid #EAE7E7;
					border-radius: 5px;
					display:inline-block;
					margin:5px 0 5px 0;
		}
		.body_form_yak{width:100% !important}
		
        #cs_center_middle .member_search_id > ul > li > .body_form_yak > ul > li .nun_box {width:18% !important;}

		#cs_center_middle  .member_search_id .body_form_yak ul li input[name="id_user_id"]{width:70%;height:40px;font-size:0.9rem;padding-left:10px}
		#cs_center_middle  .member_search_id .body_form_yak ul li input[name="pw_user_id"]{width:70%;height:40px;font-size:0.9rem;padding-left:10px}
 

 
        /*----상단 팝업 콘트롤-----*/
		
		.btn_control {display:none}
		.popup_close {
			position: absolute;
			bottom: 10px;
			right: 10px;
			font-size:0.8rem;
			 
		}
		.popup_close a {
			color: #ffffff;
		}
		
		
		/*----상단 메뉴 여기까지-----*/
		
		#pr_move_body {padding:0px;height:auto;}
		 
		#pr_move_body{width:100%;margin:0 auto;margin-top:20px;height:auto} 
		#pr_move_body .pr_banner{width:100%;height:auto;display:inline-block;border:0px solid #000000;vertical-align:top;margin-bottom:0px}
		#pr_move_body .search_top_board{float:normal;border:0px solid #000000 !important;margin-left:0px;width:100% !important;margin-top:30px !important;margin-right:0px;display:inline-block;vertical-align:top;border:0px solid #000000;}
		#pr_move_body .login_cal       {display:none}


		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(1){
			width:12%;text-align:left;
			min-width:50px;;border:0px solid #000000
			 
			
		}
		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(2){
			width:58%;text-align:left;border:0px solid #000000
		}
		#pr_move_body .search_top_board .notice_box_ma .main_tabmenu .btnCon .tabCon ul li:nth-child(3){
			width:20%;
			text-align:right;;border:0px solid #000000
		}



        

		#panel{width:100%;height:100% !important;margin-top:40px;overflow: hidden;}
		#pane2{width:100%;height:100% !important;margin-top:40px;overflow: hidden;}


		#main_move_tab_list {
		width:100%;min-height:710px;
		margin-top:30px;border:0px solid red;
		background:url('/images/moview_Bg.jpg');
		background-repeat: no-repeat;
		background-position: -410px 0px;
		backgorund-size: 100% 100%;
		overflow: hidden;
		}
		
  

        /*--------panel---*/ 
		
		#panel .molist {position:absolute;width:100%;margin-top:75px;border:0px solid blue;padding:10px}

		#panel .molist > ul{width:100%;}
		#panel .molist > ul > li{float:Normal;min-width:100%;width:100%;vertical-align:top;cursor:pointer}
		#panel .molist > ul > li:nth-child(1) {text-align:center;height:auto;}
		#panel .molist > ul > li:nth-child(1) img {width:100% !important;text-align:cetner}
		#panel .molist > ul > li:nth-child(1) span img{display:none}
		
		#panel .molist > ul > li:nth-child(2){margin-top:25px;width:100%; border:0px solid blue;background:#ffffff} 
		#panel .molist > ul > li span{width:100%;cursor:pointer;display:inline-block;font-size:1.0rem;margin-top:15px;}
        #panel .molist > ul > li span.movie_click{margin-top:-10px;}
		#panel .molist > ul > li span.movie_click div {border-radius:40px;background:#ef7008;color:#fff;padding:10px;font-size:1.3rem}
		
		#panel .molist > ul > li:nth-child(2) > .m_list_title{margin-left:0px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
		#panel .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}
		#panel .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}


		#panel .molist > ul > li:nth-child(2) > .m_list {display:none;width:100%;overflow:auto}
		#panel .molist > ul > li:nth-child(2) > .m_list ul{display:none;width:1000px}
 
        /*--------pane2---*/

		#pane2 .molist {position:absolute;width:100%;margin-top:75px;border:0px solid blue;padding:10px}

		#pane2 .molist > ul{width:100%;}
		#pane2 .molist > ul > li{float:Normal;min-width:100%;width:100%;vertical-align:top;cursor:pointer}
		#pane2 .molist > ul > li:nth-child(1) {text-align:center;}
		#pane2 .molist > ul > li:nth-child(1) img {width:100% !important;text-align:cetner}
		#pane2 .molist > ul > li:nth-child(1) span img{display:none}
		
		#pane2 .molist > ul > li:nth-child(2) {margin-top:25px;width:100%; border:0px solid blue;background:#ffffff}  
		#pane2 .molist > ul > li span{width:100%;cursor:pointer;display:inline-block;font-size:1.0rem;margin-top:15px;}
        #pane2 .molist > ul > li span.movie_click{margin-top:-10px;}
		#pane2 .molist > ul > li span.movie_click div {border-radius:40px;background:#ef7008;color:#fff;padding:10px;font-size:1.3rem}
		
		#pane2 .molist > ul > li:nth-child(2) > .m_list_title{margin-left:0px;font-size:1.2rem;font-weight:bold;letter-spacing:-1px}
		#pane2 .molist > ul > li:nth-child(2) > .m_list_title .subject_m_title{margin-top:0px;font-size:1.2rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}
		#pane2 .molist > ul > li:nth-child(2) > .m_list_title .m_content_memo{margin-top:15px;font-size:1.0rem;letter-spacing:-1px;
		display:-webkit-box; 
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		text-decoration:none;
		}


		#pane2 .molist > ul > li:nth-child(2) > .m_list {display:none;width:100%;overflow:auto}
		#pane2 .molist > ul > li:nth-child(2) > .m_list ul{display:none;width:1000px}
 


		#movie_list_menu{margin-top:45px;font-size:1.2rem;color:#fff}
		#movie_list_menu .hide_btn{cursor:pointer;display:inline-block;width:140px;border:0px solid red;text-align:center}
		#movie_list_menu .show_btn{cursor:pointer;display:inline-block;width:160px;border:0px solid red;text-align:center}


 		/* 탭 전체 스타일 */
		.main_book_list_tabs {
		 
		  padding-bottom: 40px;
		   
		  width: 100%;
		  margin: 0 auto; margin-top: 50px;text-align:Center
		}
		
		#main_book_list h1{
		margin:0 auto;
		text-align:center;
		font-family:'notokr-bold'; 
		font-size:2.5rem;
		color:#fff;
		margin-top:50px
		}
		#main_book_list h1 span{font-weight:bold;letter-spacing:-1px}
		#main_book_list .main_bokk_title1{
		width:100%;margin:0 auto;margin-top:20px;
		text-align:center;color:#fff;font-size:1.5rem;letter-spacing:-1px
		}
		#main_book_list .main_bokk_title1 p{margin-top:5px;
		text-align:center;color:#fff;font-size:1.0rem;letter-spacing:-2px
		}	
			
			
			
			
		.main_book_list_tab_item {
		  width: 110px;
		  height: 40px;
		  line-height: 40px;
		  font-size: 1.4rem;
		  text-align: center;
		  color: #9ec7f2;
		  display: inline-block;
		  font-size:1.1rem;
		  text-align: center;
		  font-weight: bold;
		  transition: all 0.2s ease;
		  margin:0 auto;
		  border-radius:30px;
		  letter-spacing:-1px;
		   border:1px solid #ffffff;
		}
		
		
		.slider {overflow: hidden;position: relative;max-width: 100%;margin: 0px auto 0;}
		.slider .inner {overflow: hidden;margin: 0 80px;background-color:transparent;}
		.slide_list > li {width:110px;height:152px;background-color:transparent;cursor:pointer}
		.slide_list > li img {width:110px;height:152px;}

		.slider .btn {position: absolute;top: 42%;width: 35px;height: 35px;background:url('images/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;}
		.slider .btn.btn_prev {left: 0;
		/*transform: rotateY(180deg) translate(0,-50%);*/
		width:28px;height:44px;
		background:url('/images/mvisual_left.png') center center no-repeat;
		}
		.slider .btn.btn_next {right:0;
		/*transform: translate(0,-50%);*/
		width:28px;height:44px;
		background:url('/images/mvisual_right.png') center center no-repeat;
		}
		
		
		
        #address ul li:nth-child(2) {margin-top:20px}  
        #address ul li:nth-child(3) {position:relative;margin-top:20px;width:220px;float:left;vertical-align:top;font-size:1.1rem;letter-spacing:-1.3px;height:70px}


		#page_popup {
			display: none;
			width: 100%;
			min-width:100%;
			margin: auto;
			background: url();/*#0061a2;*/
			overflow: hidden;
			}

        .popup_area  {
		 height: 50px;
		 }

			
		.popup_list li {
			height:50px; /*이부분이 있을때 가로크기 및 세로크기 설정시에는 문구도 추가가능*/
		 }

		 .customer_body_list{width:100% !important}
		 #customer_table {width:100% !important}
		 .list_customer {width:100% !important ;border:0px solid red;} 
		 .list_customer .cu_width_1 {border:0px solid red;min-width:10%  !important;border-collapse:collapse;border-spacing:0;}
		 .list_customer .cu_width_2 {width:*;border-collapse:collapse;border-spacing:0;}
		 .list_customer .cu_width_3 {min-width:20%   !important;border-collapse:collapse;border-spacing:0;}
		 .list_customer .cu_width_4 {min-width:20%   !important;border-collapse:collapse;border-spacing:0;}
		 .list_customer .cu_width_5 {min-width:20%  !important;border-collapse:collapse;border-spacing:0;}
  
		 .list_customer td.subject div{width:150px !important;padding-left:10px;text-align:left;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}

		 .list_customer td.subject a {width:20%;font-family:'KoPub Dotum1';font-size:0.9rem;}
				
		 .list_view td.title_pa{font-size:1.0rem;background:#f3f3f3;padding:30px 10px 30px 10px;border:1px solid #e6e6e6 !important;border-top:2px solid #b3b3b3 !important;; border-bottom:1px solid #dddddd;}

 
		 .content_board_ve{
			border:0px solid red;
           
			overflow-x: auto;
			height: auto;
			 
		 }


/*  --- end ---  */
 
}