/* CSS Document */

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:150%;font-family:'굴림',Gulim,dotum,'돋움','Segoe WPC','Segoe UI','Apple SD Gothic Neo',Helvetica,AppleGothic,Sans-serif;}
body {position:relative; background-color:#f4f4f4; color:#000; word-wrap:break-word; word-break:break-all;}


img,fieldset{ border: 0 none;}
ul,ol{list-style:none;}
hr{display:none;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}


/* 레이아웃 */
body { margin: 0; padding: 0; background-color: #fff; -webkit-text-size-adjust: none; letter-spacing:-1px;}
#am_wrap { text-align: left; width: auto; min-width: 320px; } /* width : auto 추가 */
#top_wrap, #contents_Wrap { margin:0;}
#footerWrap { text-align: center; } 
#popupWrap { background-color:#dedede; padding: 15px;} 

/* 헤더 로고*/
#top_logo_box { padding:5px 10px 0px 10px; height:35px; overflow:hidden;}
#toplogo {float:left; display:inline;}
#topmenu_sub {float:right; padding-top:3px;}
#topmenu img { padding:2px;}

.sub_header_bg { height:3px; background:url(/ucl_editor/img_secur/m/2010/sub_header_bg.jpg) top right no-repeat; }


/* 서브페이지 헤더*/
#sub_top_search { padding:7px 7px 6px 7px; height:29px; position:relative;  }
.sub_top_ts_sb_w {padding: 0 80px 0 60px;}
.sub_top_sb_w {display:block; height:19px; padding:0px 5px 3px 0.3em; margin:1px 3px 0 0; border:1px solid #3860a7; background: transparent 0 ; float:left; width:100%; }
.sub_top_search_box_w {width:70%; border:0 none; font-size:1em; -webkit-border-radius:0;-webkit-appearance:none; background: transparent 0 ; padding:0px 0 3px 0; }
.sub_top_search_bt { position:absolute;	top: 6px;}
.sub_top_search_bt_r { position:absolute; top: 6px;}
.sub_top_search_bt_r img {padding:2px;}
.search_bt input {padding-left:2px;}

/* 서브페이지 헤더 검색바 없을때 */


/* 알라딘 마을 */
.blog_area { margin:10px 0 0 0; padding:0px; overflow:hidden;}
.blog_line { margin: 0px;  border-bottom:#ffac08 2px solid; height:40px; text-align:center;}
.blog_tab { padding:10px 0 0 0 ;}
.blog_sub { padding:8px 0; margin:0; background:url(http://image.aladin.co.kr/img/m/2010/blog_line.jpg) bottom left repeat-x; text-align:center; color:#363636;  }
.blog_tab_bg { height:3px; background:url(http://image.aladin.co.kr/img/m/2010/blog_line.jpg) top left repeat-x; }

/* 알라디너의 선택 */
#blog_choice {padding:14px ; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.bc_title {margin:0 0 0px 0; padding:0 0 0px 0; color:#747474;  overflow:hidden;}
.bc_title1 {margin:0 0 0px 0; padding:0 0 10px 0; color:#747474;  overflow:hidden;}

.bc_book_box { padding:0px ; clear:both; overflow:hidden; }
.bc_book_imgbox { float:left; width:95px; }
.bc_book_img { float:left; width:80px; }
.b_list_t { margin-bottom:5px; }
.b_list { margin:0px; padding:0px; line-height:150%; overflow:hidden;}
.b_list ul { margin:0px; padding:0px;  line-height:150%; overflow:hidden;}
.b_list ul li {padding:0 0 0px 0px;  }
.b_list ul li img {padding:2px; margin-bottom:5px;  }


.bc_book_box2_l { padding:0 0 12px 0; float:left; width:92%}
.bc_book_box2_r { padding:0 0 12px 1px; float:left; width:7%}

.b_list_t2 { margin-bottom:5px; }
.b_list2 ul { margin:0px; padding:0px;  line-height:140%; overflow:hidden; clear:both;}


/* 화제의 서재글 */
.blog_title_box {padding:10px  14px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.blog_title_box2 {padding:10px  14px; border-bottom:1px solid #eeeeee; overflow:hidden;}
.blog_title_box3 {padding:10px  14px 0px  14px; border-bottom:1px solid #eeeeee; overflow:hidden;}
.blog_town { padding:15px 14px ; margin:0 ; border-bottom: solid 1px #e3e3e3; overflow:hidden; clear:both;}
.blog_town2 { padding:15px 14px ; margin:0 auto ; text-align:center; }
.blog_town li { padding:0 0 10px 0; margin:0px; line-height:140%; }
.j_menu_s { color:#444444; font-size:13px;  text-decoration:none; }
.j_menu_s2 { color:#444444; font-size:13px;  text-decoration:none; width:100%; }
.j_menu_s3 { padding:-1px; margin:0px; color:#444444; font-size:9px; letter-spacing:-3px; text-decoration:none; }

.blog_t_list { padding:0 0 3px 0; margin:0 0 3px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; }
.blog_t_list::after {content: ''; display: block; clear: both;}
.blog_t_list2 { padding:0 0 0 0; margin:0 0 15px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; overflow:hidden;}
.blog_t_list3 { padding:0 0 12px 0; margin:0 0 0px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; overflow:hidden;}
.blog_t_list4 { padding:0 10px 12px 10px; margin:0 0 15px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; overflow:hidden; }
.blog_t_list5 { padding:0 0 0px 10px; margin:0; clear:both; overflow:hidden; }
.blog_t_list6 { padding:5px; margin:0 0 12px 0; border:1px solid #e9e9e9; background-color:#f3f3f3;  clear:both; overflow:hidden;}
.blog_t_list6 img { padding-bottom:4px;}
.blog_t_list_half { width:50%; float:left;}

.blog_t_list_qt_box { padding:0 10px 8px 10px ; margin:0 0 12px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; overflow:hidden; color:#444444;}
.blog_t_list_quarter1 { width:25%; float:left; display:block; }
.blog_t_list_quarter2 { width:25%; float:left; }
.blog_t_list_quarter3 { width:25%; float:left;}
.blog_t_list_quarter4 { width:25%; float:right;}


.blog_t_list_last {clear:both; padding:0px; margin:0px;}
.blog_t_list_last img { padding:0px; margin:0px;}
.blog_t_lt { padding:0 0 0px 0; position: relative;}

/* 서재 제목 */
.blog_line2 { margin: 0px; padding:12px 14px 2px 14px; background-color:#f6f6f6;  border-bottom:#dddddd 1px solid; height:30px; text-align:center;}
.blog_line2 h1 { color:#1f42a8; font-size:18px;}
.blog_line2_blogtitle { color:#1f42a8; font-size:19px;}

.blog_conts_box {  padding:0px 0 12px 0;  clear:both; }
.blog_conts_c { padding:0 0 15px 0; font-size:16px; color:#353535; line-height:150%;}
.blog_conts_c img { padding-bottom:4px;}
.blog_photo_box { padding:4px ; border:1px #e0e0e0 solid; width:280px; margin-bottom:15px;  }
.blog_conts_list { padding:0px; font-size:16px; color:#353535; line-height:140%;}
.blog_comment { padding:0px; font-size:15px; color:#353535; line-height:140%; clear:both;}
.blog_line_box { padding:8px ; border:1px #e0e0e0 solid; }


.blog_conts_wj { margin:0 auto; padding:0 0 20px 0; text-align:center; background:url(https://image.aladin.co.kr/img/m/2010/blog_wj_bg.jpg) top left no-repeat; width:119px; height:38px; }
.blog_conts_wj_n {float:left; width:54px; padding-top:8px;  font-size:16px; font-family:Verdana; color:#343434; } 
.blog_conts_wj_b { float:right; width:65px; padding-top:5px; } 

.blog_conts_menu { margin:5px 0;font-size:15px; color:#4e4e4e; line-height:150%; clear:both;}
.blog_conts_menu img { padding-bottom:4px;}

/* 댓글 */
.bc_comment_box { margin-bottom:10px; padding:0px ; clear:both; overflow:hidden; }
.bc_comment_imgbox { float:left; width:60px; margin-bottom:5px; }
.bc_comment_img { float:left; width:45px;  border:1px solid #CCCCCC }
.b_comment_list { margin:0px; padding:0px; line-height:180%; overflow:hidden;}
.b_comment_list ul li {padding:0 0 0px 0px;  }
.b_comment_list ul li img {padding:2px; margin-bottom:5px;  }

.b_comment_wr { padding:10px 0px 20px 0;position:relative; }
.b_comment_wr_box {position:relative; padding:0 64px 0 0; }
.b_comment_wr_btn { position:absolute; width:64px; text-align:right; top:10px;right:0px; }
.b_comment_s { padding:4px 0px 0px 0px; margin:0; border:1px solid #c0c0c0; width:99%; color:#444444; font-size:14px;  height:20px;   }

.b_comment_wr_allbox {padding:5px 0px 0px 0px; margin-bottom:20px; overflow:hidden; }
.b_comment_wr_allbox2 {padding:0px; margin-bottom:20px; overflow:hidden; }
.b_comment_s_all { padding:4px 0px 0px 0px; margin:0 0 8px 0; border:1px solid #c0c0c0; width:99%; color:#444444; font-size:14px;  text-decoration:none; height:100px; }

/* 먼댓글 */
.b_tb_list { margin:0px; padding:0px; line-height:180%; overflow:hidden;}
.b_tb_list ul li {padding:0 0 3px 0px;  }
.b_tb_list ul li img {padding:2px; margin-bottom:5px;  }
.b_tb_conts { padding:0px; font-size:16px; color:#444444; line-height:140%;}

/* 페이퍼 쓰기 */
.blog_t_box { padding:0 0 4px 0; margin:0 0 10px 0; background:url(http://image.aladin.co.kr/img/m/2010/blog_list_dot_bg.jpg) bottom left repeat-x;  clear:both; overflow:hidden;}
.blog_p_wr { padding:0px 0px 10px 0;position:relative; }
.blog_p_wr_l {position:absolute; width:70px; top:3px; left:0px;}
.blog_p_wr_r { position:relative; padding:0 0 0 70px; }

.nm_f_p { color:#D84E7D; font-size:14px; font-weight:bold;}
.nm_f_p_b { color:#D84E7D; font-size:14px;}
.nm_f_m { color:#F56F0A; font-size:14px; font-weight:bold;}


/* 문학웹진 뿔 */
.bc_story_box { margin:0 0 15px 0; padding:0px ; clear:both; overflow:hidden; }
.bc_story_box2 { margin:0 ; padding:0px ; clear:both; overflow:hidden; }
.bc_story_imgbox { float:left; width:90px; margin-bottom:5px; }
.bc_story_img { float:left; width:75px;  border:1px solid #CCCCCC }
.b_story_list { margin:0px; padding:0px; line-height:160%; overflow:hidden;}
.b_story_list ul li {padding:0 0 0px 0px;  }
.b_story_list ul li img {padding:2px; margin-bottom:5px;  }

.bc_story2_imgbox { float:left; width:100px;  }
.bc_story2_img { float:left; width:85px;  border:1px solid #CCCCCC; margin-bottom:5px;  }


/* 책갈피 레이어 */
.blog_bookmark_area { width: 100%; }
.bookmark_layer { margin: 0px 14px 0px 14px; border:1px #3860a7 solid; background-color:#FFFFFF;}
.bookmark_layer_conts ul  { margin:10px 0 0 0; list-style:none; padding:0px 10px;  line-height:140%; }
.bookmark_layer_conts ul li {  line-height:120%; padding:0 0 10px 0; }
.bookmark_layer_conts img { margin:3px ; padding:0 0 5px 0; }



/* 폰트 */


.blog_tab_on {color:#363636; font-size:15px; font-weight:bold;  text-decoration:none; padding:0 5px;  }
a.blog_tab_on:link { color:#363636; font-size:15px; font-weight:bold; text-decoration:none;  padding:0 5px;}
a.blog_tab_on:visit { color:#363636; font-size:15px; font-weight:bold; text-decoration:none;  padding:0 5px;}
a.blog_tab_on:hover { color:#363636; font-size:15px; font-weight:bold; text-decoration:none;   padding:0 5px;}

.blog_tab_off {color:#747474; font-size:15px;  text-decoration:none;   padding:0 5px;}
a.blog_tab_off:link { color:#747474; font-size:15px; text-decoration:none;  padding:0 5px;}
a.blog_tab_off:visit { color:#747474; font-size:15px; text-decoration:none;  padding:0 5px;}
a.blog_tab_off:hover { color:#747474; font-size:15px; text-decoration:none; padding:0 5px;}

.blog_t_b_l { color:#000000; font-size:16px;  text-decoration:none; font-weight:bold;  line-height:140%;}
a.blog_t_b_l:link { color:#000000; font-size:16px; text-decoration:none;  font-weight:bold;line-height:140%;}
a.blog_t_b_l:visit { color:#000000; font-size:16px; text-decoration:none; font-weight:bold;line-height:140%;}
a.blog_t_b_l:hover { color:#000000; font-size:16px; text-decoration: none; font-weight:bold;line-height:140%;}

.blog_t_b_m { color:#000000; font-size:15px;  text-decoration:none; font-weight:bold;  }
a.blog_t_b_m:link { color:#000000; font-size:15px; text-decoration:none;  font-weight:bold;}
a.blog_t_b_m:visit { color:#000000; font-size:15px; text-decoration:none; font-weight:bold;}
a.blog_t_b_m:hover { color:#000000; font-size:15px; text-decoration:none; font-weight:bold;}

.blog_t_lg { color:#444444; font-size:16px;  text-decoration:none; font-weight:bold;  }
a.blog_t_lg:link { color:#444444; font-size:16px; text-decoration:none;  font-weight:bold;}
a.blog_t_lg:visit { color:#444444; font-size:16px; text-decoration:none; font-weight:bold;}
a.blog_t_lg:hover { color:#444444; font-size:16px; text-decoration:none; font-weight:bold;}


.blog_t_mg { color:#444444; font-size:15px;  text-decoration:none; line-height:150%; }
a.blog_t_mg:link { color:#444444; font-size:15px; text-decoration:none; }
a.blog_t_mg:visit { color:#444444; font-size:15px; text-decoration:none;}
a.blog_t_mg:hover { color:#444444; font-size:15px; text-decoration:none; }

.blog_t_sg2 { color:#444444; font-size:14px;  text-decoration:none; line-height:120%; }
a.blog_t_sg2:link { color:#444444; font-size:14px; text-decoration:none; }
a.blog_t_sg2:visit { color:#444444; font-size:14px; text-decoration:none;}
a.blog_t_sg2:hover { color:#444444; font-size:14px; text-decoration:none; }

.blog_t_sg3 { color:#444444; font-size:13px;  text-decoration:none; line-height:120%; }
a.blog_t_sg3:link { color:#444444; font-size:13px; text-decoration:none; }
a.blog_t_sg3:visit { color:#444444; font-size:13px; text-decoration:none;}
a.blog_t_sg3:hover { color:#444444; font-size:13px; text-decoration:none; }

.blog_t_sg { color:#949494; font-size:14px;  text-decoration:none; }
a.blog_t_sg:link { color:#949494; font-size:14px; text-decoration:none; }
a.blog_t_sg:visit { color:#949494; font-size:14px; text-decoration:none;}
a.blog_t_sg:hover { color:#949494; font-size:14px; text-decoration:none; }

.blog_t_mwg { color:#949494; font-size:15px;  text-decoration:none;  }
a.blog_t_mwg:link { color:#949494; font-size:15px; text-decoration:none;  }
a.blog_t_mwg:visit { color:#949494; font-size:15px; text-decoration:none; }
a.blog_t_mwg:hover { color:#949494; font-size:15px; text-decoration:none; }

.blog_t_lwg { color:#949494; font-size:16px;  text-decoration:none; font-weight:bold;  }
a.blog_t_lwg:link { color:#949494; font-size:16px; text-decoration:none;  font-weight:bold;}
a.blog_t_lwg:visit { color:#949494; font-size:16px; text-decoration:none; font-weight:bold;}
a.blog_t_lwg:hover { color:#949494; font-size:16px; text-decoration:none; font-weight:bold;}



.blog_t_log { color:#ff9600; font-size:16px;  text-decoration:none; font-weight:bold;  }
a.blog_t_log:link { color:#ff9600; font-size:16px; text-decoration:none;  font-weight:bold;}
a.blog_t_log:visit { color:#ff9600; font-size:16px; text-decoration:none; font-weight:bold;}
a.blog_t_log:hover { color:#ff9600; font-size:16px; text-decoration:none; font-weight:bold;}

.blog_bottom_menu {color:#4e4e4e; font-size:14px;  text-decoration:none;   padding:0 5px;}
a.blog_bottom_menu:link { color:#4e4e4e; font-size:14px; text-decoration:none;  padding:0 5px;}
a.blog_bottom_menu:visit { color:#4e4e4e; font-size:14px; text-decoration:none;  padding:0 5px;}
a.blog_bottom_menu:hover { color:#4e4e4e; font-size:14px; text-decoration:none; padding:0 5px;}



.blog_cont_box {padding:6px 12px 12px 12px;  text-align:center; color:#898989;}
.blog_cont_box img {padding:2px;}

/* 상품페이지 검색 0727 */
#top_search_bg { padding:5px 5px 8px 10px; height:25px; background:url(/ucl_editor/img_secur/m/2010/search_bg01.jpg) top right no-repeat;position:relative; }
.ts_sb {padding: 0 80px 0 0;}
.sb {display:block; height:21px; padding:3px 5px 0 0.3em; margin:1px 2px 0 0; border:1px solid #3860A7; background:#ffffff; float:left; width:100%; }
.search_box {width:100%; border:0 none; font-size:1em; -webkit-border-radius:0;-webkit-appearance:none;}
.search_bt { position:absolute;	top: 5px;}
.search_bt img {padding:2px;}
.search_bt input {padding-left:2px;}

/* 헤더 검색 20110114 */
#divHeaderSearchBox { padding:7px 0px 7px 0px; height:25px; background:url(/ucl_editor/img_secur/m/2010/search_bg01.jpg) top right no-repeat;position: absolute; z-index: 100; width: 100%; display: none; }
.divHeaderSearchBox_Right { float:right; padding: 0px 5px 0px 5px; }
.txtHeaderSearchBox_Input {width:100%; border:0 none; font-size:1em; -webkit-border-radius:0;-webkit-appearance:none; height: 21px; padding: 0px 0px 0px 3px;}

/* Copyright  */
.wd_bt_box { margin:14px 0;  }
.wd_bt_c {font-size:13px; line-height:15px; letter-spacing:-1px; color:#5c5c5c; }

.wd_bt_t { color:#5c5c5c; font-size:13px; text-decoration:none; padding:0 3px; font-weight:bold; }
a.wd_bt_t:link { color:#5c5c5c; font-size:13px;  text-decoration:none; padding:0 3px; font-weight:bold;}
a.wd_bt_t:visit { color:#5c5c5c; font-size:13px; text-decoration:none; padding:0 3px; font-weight:bold;}
a.wd_bt_t:hover { color:#5c5c5c; font-size:13px; text-decoration:none; padding:0 3px; font-weight:bold;}


/* 2012년 10월 추가  */
.blog2012_pop_w{ border:5px solid #262626; padding:20px 0 0px 0}
.blog2012_pop_w2{ border:5px solid #262626; padding:10px 0 0px 0; width:80%; margin:0 auto; background-color: #ffffff; }
.blog2012_pop_w3{ border:5px solid #262626; padding:30px 0 0px 0; width:90%; margin:0 auto;}
.blog2012_left{float:left;}
.blog2012_right{float:right;}
.blog2012_clear{clear:both;}

.blog2012_title1{ font-size:1.6em; letter-spacing:-2px; padding:0 0 15px 0}
.blog2012_title2{ font-size:1.6em; letter-spacing:-2px; color:#333}
.blog2012_t1{color:#333;}
.blog2012_t2{color:#333; font-size:1.1em; line-height:1.1em}
.blog2012_t3{color:#999; font-size:0.9em;padding:0 0 0 10px}
.blog2012_t4{color:#999999;}
.blog2012_t5{color:#999999; text-align:right}
.blog2012_box1{background:#f3f3f3; border:1px solid #c1bfbf; padding:2px 5px 2px 10px;}
.blog2012_box2{background:#f3f3f3; border:1px solid #c1bfbf; padding:2px 5px 2px 10px; color:#999999}
.blog2012_box3{background:#ffffff; border:1px solid #c1bfbf; padding:2px 5px 2px 10px;}
.blog2012_sp1{padding:10px 0;}
.blog2012_sp1_1{padding:7px 0 5px 0;}
.blog2012_sp2{padding:0 15px}
.blog2012_sp2_1{padding:10px 15px 0 15px;background:#f3f3f3;border-bottom:1px solid #aeaeae}
.blog2012_sp3{padding:5px 0 0 10px;}
.blog2012_sp4{padding:7px 16px; border-bottom:#aeaeae 1px solid;}
.blog2012_sp5{padding:7px 18px 7px 16px; border-bottom:#dfdfdf 1px solid;}
.blog2012_sp5 .left1{ float:left;font-size:1em; color:#999999; padding:5px 0 0 0;width:79%;}
.blog2012_sp5 .left2{ float:left; width:43%;}
.blog2012_sp5 .right1{ float:right;width:20%;}
.blog2012_sp5 .right2{ float:right; width:54%;}
.blog2012_sp6{padding:10px 18px 7px 16px; border-bottom:#dfdfdf 1px solid; color:#999999}
.blog2012_sp7{padding:10px 18px 7px 16px; border-bottom:#aeaeae 1px solid; height:200px}
.blog2012_sp8{padding:10px 18px 7px 16px;}
.blog2012_sp8 .bt{width:200px; margin:0 auto; padding:15px 0 20px 0}
.blog2012_sp8 .bt .left{float:left; width:48%;}
.blog2012_sp8 .bt .right{float:right; width:48%;}
.blog2012_sp8 .bt2{width:80px; margin:0 auto; padding:15px 0 20px 0}
.blog2012_bt_bleck1{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#464646), to(#000000));background:-moz-linear-gradient(top,#464646,#000000); padding:3px 0; text-align:center}
.blog2012_bt_bleck1_a{color:#FFFFFF; font-size:1em;}
.blog2012_bt_bleck2{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#464646), to(#000000));background:-moz-linear-gradient(top,#464646,#000000); padding:8px 0; text-align:center; border:1px solid #222222}
.blog2012_bt_bleck2 a{color:#FFFFFF; font-size:1.2em;}
.blog2012_bt_bleck3{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#464646), to(#000000));background:-moz-linear-gradient(top,#464646,#000000); padding:0; text-align:center}
.blog2012_bt_bleck3_a{color:#FFFFFF; font-size:1em;letter-spacing:1px}
.blog2012_bt_gray1{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#afafaf), to(#7e7e7e));background:-moz-linear-gradient(top,#afafaf,#7e7e7e); padding:8px 0; text-align:center; border:1px solid #828282}
.blog2012_bt_gray1_a{color:#FFFFFF; font-size:1.2em;}
.blog2012_bt_gray2{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#fafafa), to(#e6e6e6));background:-moz-linear-gradient(top,#fafafa	,#e6e6e6); padding:10px 0; text-align:center; border:1px solid #999999}
.blog2012_bt_gray2_a{color:#444444; font-size:1.3em;}
.blog2012_bt_gray3{ width:100%;height:100%;background:-webkit-gradient(linear,left top, left bottom,from(#afafaf), to(#7e7e7e));background:-moz-linear-gradient(top,#afafaf,#7e7e7e); padding:2px 0; text-align:center; border:1px solid #828282}
.blog2012_bt_gray3_a{color:#FFFFFF; font-size:1em;}
.blog2012_bt_white1{ width:100%;height:100%;background:#FFFFFF; padding:3px 0; text-align:center; border:1px solid #787878}
.blog2012_bt_white1_a{color:#222222; font-size:1em;}
.blog2012_bt_blue1{padding:4px 0; background:-webkit-gradient(linear,left top, left bottom,from(#5fc1ef), to(#049adf));background:-moz-linear-gradient(top,#5fc1ef,#049adf); text-align:center;}
.blog2012_bt_blue1_a{color:#FFFFFF; font-size:1.1em;}
.blog2012_bt_blue2{padding:2px 0; background:-webkit-gradient(linear,left top, left bottom,from(#5fc1ef), to(#049adf));background:-moz-linear-gradient(top,#5fc1ef,#049adf); text-align:center;border:1px solid #1098d7}
.blog2012_bt_blue2_a{color:#FFFFFF; font-size:1em;}

.blog2012_review_l{ float:left;font-size:1em; color:#999999; padding:5px 0 0 0;width:79%;}
.blog2012_review_l2{ float:left;font-size:1em; color:#999999; padding:0px 0 0 0;width:79%;}
.blog2012_review_l2 .box{background:#FFF; border:1px solid #CDCDCD; padding:0 0 0 10px; width:93%; height:25px; color:#333333;}
.blog2012_review_r{ float:right;width:20%;}
.blog2012_review_r2{ float:right; padding:35px 0 0 0}
.blog2012_review_line1{padding:5px 15px 5px 15px;}
.blog2012_review_line1 .left{float:left; padding:3px 0 0 0;}
.blog2012_review_line2{border-top:1px solid #dfdfdf; padding:13px 15px;}
.blog2012_review_line3{padding:13px 15px 0 15px;border-bottom:2px solid #646464}
.blog2012_review_bg1{background:#e5e5e5; border-bottom:#262626 solid 3px; padding:20px 15px 0 15px}
.blog2012_review_bg1 .left{float:left; padding:0 0 10px 0;}
.blog2012_review_bg1 .right{float:right; padding:0 0 10px 0;}
.blog2012_tab_on{background:#262626; border-top:1px solid #262626; border-left:1px solid #262626; border-right:1px solid #262626;border-bottom:1px solid #262626;font-size:1em; color:#FFF; padding:5px 0px; float:left; text-align:center; width:26%}
.blog2012_tab_off{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; font-size:1em; color:#999999; padding:5px 0px;float:left;text-align:center; width:24%}
.blog2012_tab_off2{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; font-size:1em; color:#999999; padding:5px 0px;float:left;text-align:center; width:24%}

.blog2012_tab_off3{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; font-size:0.9em; color:#999999; padding:5px 0px;float:left;text-align:center; width:19%; line-height:1.2em;}
.blog2012_tab_off4{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; font-size:0.9em; color:#999999; padding:5px 0px;float:left;text-align:center; width:19%; line-height:1.2em;}
.blog2012_tab_on2{background:#262626; border-top:1px solid #262626; border-left:1px solid #262626; border-right:1px solid #262626; border-bottom:1px solid #262626;font-size:0.9em; color:#FFF; padding:5px 0px; float:left; text-align:center; width:21%; line-height:1.2em;}

.blog2012_photo_line1{border-bottom:1px solid #dfdfdf}
.blog2012_photo_box1{border:4px solid #33b0ea; padding:20px;}
.blog2012_photo_box2{ padding:20px;}
.blog2012_sbox1{ float:left; width:23%;}
.blog2012_sbox2{ float:left; width:62%; line-height:1.3em}
.blog2012_sbox2_off{ float:left; width:62%; line-height:1.3em; padding:17px 0 0 0}
.blog2012_sbox3{ float:left; width:15%; text-align:right; padding:15px 0 0 0}
.blog2012_photo_img1{-webkit-box-shadow:rgb(200,200,200) 3px 3px 1px;}
.blog2012_photo_bg1{background:#f3f3f3;  padding:7px 20px; border-bottom:1px solid #aeaeae;}
.blog2012_photo_bg1 .left{float:left; width:50px;}
.blog2012_photo_bg1 .right{float:right; width:85px;}

.blog2012_tbox1{padding:20px; font-size:1.2em; color:#787878;line-height:1.5em}
.blog2012_tbox2{background:-webkit-gradient(linear,left top, left bottom,from(#555555), to(#262626));background:-moz-linear-gradient(top,#555555,#262626); padding:7px 10px; }
.blog2012_tbox2 .left{float:left; width:50px;}
.blog2012_tbox2 .right{float:right; width:50px;}

.blog2012_search_sp1{padding:0 15px;}
.blog2012_search_width1{width:50px; float:right; margin:8px 13px 0 0;}
.blog2012_search_width1 .t1{color:#787878; font-size:0.9em;}

.blog2012_layer_title{float:left;font-size:1.3em; letter-spacing:-1px; padding:25px 0 0 20px}
.blog2012_layer_box1{padding:18px 15px 10px 15px; font-size:1.1em; text-align:center}
.blog2012_layer_box1 ul{margin:0; padding:0;}
.blog2012_layer_box1 ul li{display:inline; float:left; padding:0px 0 5px 0}
.blog2012_layer_t1{width:10%; color:#ed3572;font-size:0.8em; font-weight:bold; text-align:center}
.blog2012_layer_t2{width:88%;color:#666666; font-size:0.8em; line-height:1.3em; text-align:left}


/* 2013 이책은 네모다 */
.blog2012_tab_off3{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; font-size:0.9em; color:#999999; padding:5px 0px;float:left;text-align:center; width:19%; line-height:1.2em;}
.blog2012_tab_off4{background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; font-size:0.9em; color:#999999; padding:5px 0px;float:left;text-align:center; width:19%; line-height:1.2em;}
.blog2012_tab_on2{background:#262626; border-top:1px solid #262626; border-left:1px solid #262626; border-right:1px solid #262626; border-bottom:1px solid #262626;font-size:0.9em; color:#FFF; padding:5px 0px; float:left; text-align:center; width:21%; line-height:1.2em;}
.thisbook_keybg { background-color:#33afe9; color:#FFF; font-weight:bold; padding:3px 6px 2px 4px ; }
.thisbook_keytext {color:#1c8ed5; }
.b_list3 ul { margin:0px; padding:0px; line-height:140%; overflow:hidden;}
.b_list3 ul li {padding:0px;  }
.blog2012_sp9 {padding:15px 18px; border-bottom:#dfdfdf 1px solid;}
.blog_conts_c2 { padding:0 ; font-size:16px; color:#353535; line-height:140%;}
.btn_sub_gray { background:url(https://image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x; border:1px solid #c2c2c2; color:#444; font-size:12px; padding:1px 5px; height:19px; text-align:center;  }
.thisbook_keyword {color:#6c6c6c; font-size:13px;  text-decoration:none; line-height:120%; margin:0px; padding:0px; }

/* 2013 밑줄긋기 */
.UnderlinePageBox{background:#FFF; border:1px solid #dedede; padding:0 2px; margin-bottom:4px; width:34px; height:16px; color:#666; font-size:14px;}
.underline_layer {border:2px #3084d9 solid; width:90%; background-color:#FFFFFF; margin:0 auto; padding:10px 15px; width:230px; text-align:center; }
.underline_layer .t_b { margin:0px; padding:0px; color:#126ecc; font-size:16px; font-weight:bold; text-decoration:none; }


.blog2014_tab_off4 {background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; font-size:1em; color:#999999; padding:5px 0px;float:left; text-align:center; width:33%;}
.blog2014_tab_on4 {background:#262626;  border-top:1px solid #262626; border-left:1px solid #262626; border-right:1px solid #262626;font-size:1em; color:#FFF; padding:5px 0px; float:left; text-align:center; width:32%;}


a.blog2012_bt_bleck1_a:link { color:#FFFFFF!important }
a.blog2012_bt_bleck1_a:visited { color:#FFFFFF!important }

a.blog2012_bt_bleck2_a:link { color:#FFFFFF!important }
a.blog2012_bt_bleck2_a:visited { color:#FFFFFF!important }

a.blog2012_bt_bleck3_a:link { color:#FFFFFF!important }
a.blog2012_bt_bleck3_a:visited { color:#FFFFFF!important }



/*좋아요 리스트*/
.blog_like_layer { padding:10px;}
.layer_close { float:right; margin: 1px 5px 0px 0; } 
.layer_close a { text-decoration:none; background:none;} 
.layer_title { float:left; margin:0; font-weight:bold; padding-top:10px;}
.layer_cont { margin:0; padding:0; clear:both; *margin-top:-15px; }
.layer_prev_btn { float:left; padding:15px 10px 0 0; } 

.layer_tab_box {padding:10px 0; text-align:center; margin-bottom:15px; overflow:hidden; }

.layer_halftab1_over {float:left; width:49%; padding: 0px; margin: 0px; padding-top:7px; text-align: center; text-decoration: none; background:#2ab1fe; border:1px #2ab1fe solid; border-right:0px; height:22px; color:#fff; font-weight:bold;}
.layer_halftab1_over a:link { text-decoration: none; outline: 0; color: #ffffff; font-size: 12px; font-weight:bold;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }
.layer_halftab1_over a:hover { text-decoration:underline;}
.layer_halftab1_over a:visited { text-decoration: none; outline: 0; color: #ffffff; font-size: 12px; font-weight:bold;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

.layer_halftab1_off {float:left; width:49%; padding: 0px; margin: 0px; padding-top:7px; text-align: center; text-decoration: none;  background:#ffffff; border:1px #cccccc solid; border-right:0px; height:22px; color:#333; font-weight:bold; text-decoration:none;  }
.layer_halftab1_off a:link { text-decoration: none; outline: 0; color: #333; font-size: 12px; font-weight:bold; line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }
.layer_halftab1_off a:hover { color:#333; text-decoration:underline;}
.layer_halftab1_off a:visited { text-decoration: none; outline: 0; color: #333; font-size: 12px; font-weight:bold; line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

.layer_halftab2_over {float:left; width:49%; padding: 0px; margin: 0px; padding-top:7px; text-align: center; text-decoration: none; background:#2ab1fe; border:1px #2ab1fe solid;   height:22px; color:#fff; font-weight:bold;}
.layer_halftab2_over a:link { text-decoration: none; outline: 0; color: #ffffff; font-size: 12px; font-weight:bold;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }
.layer_halftab2_over a:hover { text-decoration:underline;}
.layer_halftab2_over a:visited { text-decoration: none; outline: 0; color: #ffffff; font-size: 12px; font-weight:bold;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

.layer_halftab2_off {float:left; width:49%; padding: 0px; margin: 0px; padding-top:7px; text-align: center; text-decoration: none;  background:#ffffff; border:1px #cccccc solid;  height:22px; color:#333; font-weight:bold; text-decoration:none;  }
.layer_halftab2_off a:link { text-decoration: none; outline: 0; color: #333; font-size: 12px; font-weight:bold; line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }
.layer_halftab2_off a:hover { color:#333; text-decoration:underline;}
.layer_halftab2_off a:visited { text-decoration: none; outline: 0; color: #333; font-size: 12px; font-weight:bold; line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

.layer_one { margin:0px; margin-bottom:15px; padding:0px 10px; clear:both; overflow:hidden;}

.p_feed_profile_img {behavior: url(http://www.aladin.co.kr/ucl_editor/standard/pie/pie.htc); border: 0px gray solid;  border-radius: 25px; width: 48px; height: 47px;}

.p_feed_profile { margin:0px 0 0px 0 ; background:url(http://image.aladdin.co.kr/img/shop/2012/profile_bg_product.png) bottom left no-repeat; width:52px; height:25%; text-align:center; padding-top:3px;  }

.p_friend_list2 { float:left; padding-top:10px; color:#444; font-size:12px;  margin-left:15px;  width:70%;  }
.p_friend_list2 a { text-decoration:none; background:none; color:#444;}
.p_friend_list2 ul {list-style:none;}
.p_friend_list2 ul li {  margin-bottom:2px;  }

.p_font_writer { color:#222; font-size:12px; font-weight:bold; }

.write_info_btn {float:right; color:#33afe9;}

/* 20140905 북플 관련 css 추가 */
.bp_text { margin:3px 0; padding:10px 5px 25px 5px; background-color:#eee; }
.bp_text li { padding:0px; margin:0px; float:left; color:#333; width:24.5%; font-size:13px; text-align:center; border-right:1px solid #fff;}
.bp_text li a {color:#333; }

/* 글 작성유의사항 레이어 */
.write_info_layer_bg {background:rgba(0,0,0, 0.5); position: fixed; height:100%; width:100%; z-index:999;}
.write_info_layer { position:absolute; top:15%; width:90%; margin:0 5%; border:1px #3860a7 solid; background-color:#FFFFFF;}
.write_info_layer .w_info_t {padding:10px 10px 0 10px; color:#3885cd;}
.write_info_layer ul  { margin:10px 0 0 0; list-style:none; padding:0px 10px;  line-height:140%; }
.write_info_layer ul li {  line-height:120%; padding:0 0 10px 0; }
.write_info_layer .layer_t {padding:10px 14px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.write_info_layer .layer_t .l_t { float:left; padding-top:3px;}
.write_info_layer .layer_t .r_t { float:right;}

/* 밑줄긋기 이미지 공유하기 레이어 */
.UnderlineImage_wrap { position: absolute; z-index:99; left:0; top:0; width:100%; height:auto; background-color: #fff; padding-bottom:65px;} 
.UnderlineImage_wrap .cardimg { width:100%; height:auto; overflow: hidden; position: relative; box-sizing: border-box;}
.UnderlineImage_wrap .cardimg p {position: absolute; width:80%; height:200px; top:40px; left:50%; transform: translateX(-50%); overflow: hidden; letter-spacing:0px;}
.UnderlineImage_wrap .cardimg .arr_pre , .UnderlineImage_wrap .cardimg .arr_next {position: absolute; top: 50%; transform: translateY(-50%); z-index:99; opacity:0.5!important; filter:alpha(opacity=50); width:40px; height:100px; cursor: pointer;}
.UnderlineImage_wrap .cardimg .arr_pre {left:0;}
.UnderlineImage_wrap .cardimg .arr_next { right:0;}
.UnderlineImage_wrap .cardimg .arr_pre img , .UnderlineImage_wrap .cardimg .arr_next img {width:16px;  padding:10px; position: absolute; top: 50%; transform: translateY(-50%);}
.UnderlineImage_wrap .cardimg .arr_pre img {left:0;}
.UnderlineImage_wrap .cardimg .arr_next img {right:0;}
.UnderlineImage_wrap .cardimg .booktit {position: absolute; bottom:30px; padding-right:80px; left:30px;}
.UnderlineImage_wrap .cardimg .logo {position: absolute; background: url(https://image.aladin.co.kr/img/svg/aladin_w.svg) no-repeat; background-size:40px auto; opacity:0.7!important; filter:alpha(opacity=70); width:40px; height:30px; bottom:20px; right:30px;}
.UnderlineImage_wrap .bookcover::before { content:''; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .4);}

.UnderlineImage_wrap .c_thum { margin:10px 0; padding:0 10px;}
.UnderlineImage_wrap .c_thum .swiper-slide { width: 5.0rem!important; height: 5.0rem!important; box-sizing:border-box; clear:left; float:left; overflow: hidden; }
.UnderlineImage_wrap .c_thum img {width:100%;}
.UnderlineImage_wrap .c_thum .on::before {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .4);}
.UnderlineImage_wrap .c_thum .on::after{content:''; position: absolute; left:50%; top:50%; transform: translate(-50% , -50%); width:34px; height:34px; background: url(https://image.aladin.co.kr/img/svg/Checkbold_blue.svg) no-repeat; background-size:100% auto; z-index:10;}

.UnderlineImage_wrap dl {padding:15px 0; margin:0 10px; border-bottom:1px #dfdfdf solid;}
.UnderlineImage_wrap dl:last-of-type {border-bottom:none;}
.UnderlineImage_wrap dl::after {content:''; display: block; clear: both;}
.UnderlineImage_wrap dt {float: left; width:21%; font-size:16px; padding-left:10px; vertical-align: middle;}
.UnderlineImage_wrap dd {float: left;}
.UnderlineImage_wrap dd input[type="radio"] {display: none;}
.UnderlineImage_wrap .font_size input[type="radio"] + label { vertical-align: middle; font-weight: bold;}
.UnderlineImage_wrap .font_size input[type="radio"]:checked + label {color:#28b8ff;}
.UnderlineImage_wrap .font_size dd:nth-of-type(1) { width:20%; font-size:1.0rem;}
.UnderlineImage_wrap .font_size dd:nth-of-type(2) { width:22%; font-size:1.2rem;}
.UnderlineImage_wrap .font_size dd:nth-of-type(3) { width:23%; font-size:1.5rem;}

.UnderlineImage_wrap .font_color dt , .UnderlineImage_wrap .font_align dt {margin-top:10px;}
.UnderlineImage_wrap .font_color input[type="radio"] + label { display:block; width:40px; height:40px; border-radius:50%; vertical-align: middle; line-height:40px; text-align: center; font-size:18px; margin-right:5px; border:1px #ccc solid; box-sizing: border-box;}
.UnderlineImage_wrap .font_color input[type="radio"]:checked + label {border:2px #28b8ff solid; line-height:38px;}
.UnderlineImage_wrap .font_color dd:nth-of-type(2) { color:#fff;}
.UnderlineImage_wrap .font_color dd:nth-of-type(3) { color:#fce84a;}
.UnderlineImage_wrap .font_color dd:nth-of-type(4) { color:#5ab5ff;}
.UnderlineImage_wrap .font_color dd:nth-of-type(5) { color:#ff2fa5;}
.UnderlineImage_wrap .font_color dd:nth-of-type(6) { color:#8fea18;}

.UnderlineImage_wrap .font_align input[type="radio"] + label { display:block; width:40px; height:40px; border-radius:50%; vertical-align: middle; line-height:40px; text-align: center; margin-right:5px; border:1px #ccc solid; box-sizing: border-box; position: relative; background-color:#efefef;}
.UnderlineImage_wrap .font_align input[type="radio"]:checked + label {border:2px #28b8ff solid; line-height:38px; background-color:#f5f5f5;}
.UnderlineImage_wrap .font_align input[type="radio"] + label::after {content:''; display: block; position: absolute; width:19px; height:14px; left:50%; top:50%; transform: translate(-50% , -50%);}
.UnderlineImage_wrap .font_align label[for="align_left"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_left.png') no-repeat;  background-size:19px auto;}
.UnderlineImage_wrap .font_align label[for="align_center"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_center.png') no-repeat;  background-size:19px auto;}
.UnderlineImage_wrap .font_align label[for="align_right"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_right.png') no-repeat;  background-size:19px auto;}

.UnderlineImage_wrap .font_align input[id="align_left"]:checked + label[for="align_left"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_left_on.png') no-repeat;  background-size:19px auto;}
.UnderlineImage_wrap .font_align input[id="align_center"]:checked + label[for="align_center"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_center_on.png') no-repeat;  background-size:19px auto;}
.UnderlineImage_wrap .font_align input[id="align_right"]:checked + label[for="align_right"]::after {background: url('http://image.aladin.co.kr/img/blog2/icon/a_right_on.png') no-repeat;  background-size:19px auto;}

.UnderlineImage_wrap .c_button {position:fixed; bottom:0; left:0; width:100%; background:#f5f5f5; padding:10px 20px; box-sizing: border-box; border-top:1px #dfdfdf solid;}
.UnderlineImage_wrap .c_button:after {content:''; display: block; clear: both;}
.UnderlineImage_wrap .c_button li {float: left; width:50%; text-align: center;}
.UnderlineImage_wrap .c_button li a {display:block; width:98%; box-sizing: border-box; height:40px; line-height:40px; font-size:16px;}
.UnderlineImage_wrap .c_button li:first-child a {margin-right:2%; border:1px #9e9e9e solid; color: #333; background: #fff;}
.UnderlineImage_wrap .c_button li:last-child a {margin-left:2%; background: #1181cd; color: #fff;}

/* 서재 공유하기 메뉴 */
.share_mneu {width:100%; border:1px #ddd solid; box-sizing: border-box;}
.share_mneu li { background:#eeeeee; border-bottom:1px #fff solid; padding-bottom:0; text-align:center;}
.share_mneu li a {display: block; width:100%;  height:40px; line-height:40px; }
.share_mneu li:last-child {border-bottom: none;}

.paper-video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 10px; margin-top:10px;}
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.tvbook_line { padding-bottom:30px; margin-top:10px; border-top:1px solid #dfdfdf;}
.tvbook { padding-bottom:10px;}
.tvbook span { position: absolute; bottom:0; left:15px;}
.tvbook span img { width:130px; border: 1px solid #e0e0e0}
.tvbook .swiper-slide {width:150px; height:210px; overflow: hidden;}
.tv_swiper_wrap {position: relative; height:210px; width:100vw;}
.tv_swiper_in {position: absolute; width:100%; top:0; left:-15px;}

.paper-video-error {text-align:center; background-color:#f4f4f4; padding:20px 10px; color:#6d6d6d; margin-bottom:30px; margin-top: 20px;}

.input_b0 {width:100%; border:0;}
/*서재 글쓰기 new 탭*/
.blog2020_tab4 li {width:25%; box-sizing: border-box; float: left; }
.blog2020_tab4 li a { display: block; background:#FFFFFF; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; font-size:16px; color:#999999;  padding:8px 0px; text-align:center;}
.blog2020_tab4 li:last-child a {border-right:1px solid #aeaeae;}

.blog2020_tab4 li a.on {background:#262626; border-top:1px solid #262626; border-left:1px solid #262626; color:#fff;}
.blog2020_tab4 li:last-child a.on {border-right:1px solid #262626;}
.blog2020_tab4::after { content:''; display: block; clear: both;}

/*알라디너 tv 글쓰기*/
.aladinertv_write textarea { margin-bottom:10px;}
.aladinertv_write dl { border-top:1px #dfdfdf solid; padding:14px 0;}

.aladinertv_write dl dt { padding-bottom:5px; }
.aladinertv_write dl dt h3 { font-size:1.1em; font-weight:bold; display: inline-block; margin:0; padding-right: 5px; vertical-align:middle;}
.aladinertv_write dd p { padding:8px 0 0 0; margin:0!important;}
.aladinertv_write .add_btn { display: inline-block; margin-right:5px; }
.aladinertv_write .add_btn a { display: block; background:#36abe8; color:#fff; height:28px; line-height:28px; border-radius:3px; padding:0 15px;}

.w_oreng_btn { display: inline-block; margin-left:3px; vertical-align: middle;}
.w_oreng_btn a { display:block; background:#fff; border:1px solid #ccc; color:#333;  height:28px; line-height:28px; border-radius:3px; padding:0 8px; }
.t_orang { color:#f16202; font-weight: bold; font-family: Verdana;}

.aladinertv_write .bookcover { display: inline-block; position: relative; margin-right:6px; margin-top:10px; vertical-align: bottom; width:76px;}
.aladinertv_write .bookcover img {vertical-align: bottom; width:100%;}
.aladinertv_write .bookcover a {display: block; position: absolute; right:0; bottom:0; background:#ffffff; color:#f16202; height:24px; width: 24px; line-height: 24px; text-align: center; border:1px #ccc solid; font-weight: bold; font-family:verdana;}

.aladinertv_write .video_tag input[type="checkbox"] {display: none;}
.aladinertv_write .video_tag input[type="checkbox"] + label { display: inline-block; color:#666666; background:#FFFFFF; padding:0 9px; border:1px solid #d9d9d9; cursor: pointer; margin-bottom:5px; line-height: 38px; height: 38px;}
.aladinertv_write .video_tag input[type="checkbox"]:checked + label {  display: inline-block; color:#ffffff!important; background:#36abe8; border:1px solid #36abe8;  cursor: pointer;}
.aladinertv_write .video_tag .add a { display:inline-block; color:#666666!important; background:#fff; border-radius:3px;  padding:0px 10px; border:1px solid #b7b7b7;  height:20px; line-height:20px;}
.aladinertv_write .video_tag .add img {vertical-align: middle; margin-bottom:3px;}
.aladinertv_write .video_tag .tag_addbox { clear:both; padding:0 ; margin-top:4px; }
.aladinertv_write .video_tag .tag_addbox span {display:inline-block; vertical-align:middle;}
.aladinertv_write .video_tag .tag_addbox input { margin:0 2px 0 0 ; height:30px; width:200px; border: 1px solid #d9d9d9;}
.mb10 { margin-bottom:10px;}

.aladinertv_write .video_tag .eventTag + label {color:#df307f!important;}
.aladinertv_write .video_tag .eventTag:checked + label {background:#df307f!important; border:1px solid #df307f!important;}

/*서재탭 3개*/
.blog_tab3_wrap { padding-top:10px; margin:0px;  border-bottom:#ffac08 2px solid; height:32px; text-align:center; width: 100%;}
.blog_tab3_wrap ul { width:90%; margin:0 auto 2px auto;}
.blog_tab3_wrap ul li { float: left; width:33.3%;}
.blog_tab3_wrap ul li a { display: block; width:100%; background-color:#f6f6f6; border-left:1px #ddd solid; border-top:1px #ddd solid; font-size:14px; height:32px; line-height:32px; text-align: center; box-sizing: border-box; color:#666;}
.blog_tab3_wrap ul li:last-child a {border-right:1px #ddd solid;}
.blog_tab3_wrap ul li.on a {background-color:#ffa900; color:#fff; font-weight: bold; border-top:1px #ffa900 solid;  border-left:1px #ffa900 solid;}
.blog_tab3_wrap ul li:last-child.on a {border-right:1px #ffa900 solid;}
.blog_tab3_wrap ul::after {content:''; display: block; clear: both;}

/*알라디너tv 레이어 배너*/
.modal_bg {background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; z-index:200; width: 100%; height: 100%; display: block;}
.tvlayer { position: absolute; background-color:#fff; width:95%; top:50%; left:50%; transform: translate(-50%,-50%); padding:20px; box-sizing: border-box;}
.tvlayer h3 { font-size:20px; font-weight: bold; text-align: center; letter-spacing:-1px; padding:0 0 15px 0;}
.tvlayer h3 a {font-size:15px; text-decoration: underline; letter-spacing:0;}
.tvlayer ol {margin:0; padding:0;}
.tvlayer ol li { font-size:14px; line-height:18px; padding-bottom:5px;}
.tvlayer .tvagree { margin:0; padding:10px 0 0 0;}
.tvlayer .tvagree li {padding-bottom:8px;}
.tvlayer .tvagree input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat; background-size:22px 22px; width:22px; height:22px; border-radius:0; border:0; -webkit-appearance:none; outline-style: none; vertical-align: top; cursor: pointer; margin:0;}
.tvlayer .tvagree input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on.png) no-repeat; background-size:22px;width:22px; height:22px; -webkit-appearance:none;  }
.tvlayer .tvagree input[type=checkbox] + label {display: inline-block;  width:-webkit-calc(100% - 24px); vertical-align: top; padding:1px 0 0 8px; font-size:16px; cursor: pointer; font-weight: bold; box-sizing: border-box;}
.tvlayer .tvagree input[type=checkbox] + label span { display: block; font-size:14px;}
.tvlayer .agree_btn { background:#ed145b; width:200px; height:40px; color:#fff; border:0; display: block; margin:0 auto; font-size:16px; cursor: pointer;}

/*알라디너tv 유튜브 더보기 버튼*/
.view_btn_box_wrap {width: 100%; height: 35px; margin-bottom: 30px;}
.view_btn_box {width:90%; margin:0 auto;}
.view_btn_box li { width: 47%; height: 40px; color: #fff; font-size: 14px; text-align: center; line-height: 41px; border-radius: 20px; margin: 0 5px; font-weight: bold;}
.view_btn1 {background: #f01117;  float: right;}
.view_btn2 {background: #18a4e6;  float: right;}

/* 서재 메인 알라디너 TV 태블릿 대응 */
@media screen and (min-width: 750px) { 
    .mblog_aladinertv_box {text-align: center;}
    .mblog_aladinertv_box iframe {width: 100%; max-width: 356px; height: 200px;}
}

.blog2012_sp5 select {color: #333;}


/* 차단 신고 메뉴 추가 */
.ugc_menu {width: 30px; height: 30px; background: url(//image.aladin.co.kr/img/shop/2022/menu.svg) no-repeat center right / 3px auto; border: 0; font-size: 1px; color: transparent; position: absolute; right: 0; top: 0; z-index: 11;}
.ugc_menu_layer { width: 70px; border: 1px solid #D7D7D7; border-radius: 4px; background-color: #fff; position: absolute; right: 0; top: 30px; box-sizing: border-box; z-index: 10; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);}
.ugc_menu_layer a {display: block; height: 35px; line-height: 35px; text-align: center;}
.ugc_menu_layer a ~ a {border-top: 1px solid #D7D7D7;}
.report_box {width: 100%; height: 54px; background-color: #f4f4f4; padding: 10px; color: #6d6d6d; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.report_box span::before {content: ''; display: inline-block; width: 20px; height: 20px; background: url(//image.aladin.co.kr/img/shop/2022/i-info.svg) no-repeat center left / 20px 20px; vertical-align: middle; margin:-2px 2px 0 0;}

/*alert 스타일 레이어*/
.alert_out {position: fixed; top:0; left:0; width:100%; height:100%; z-index:1000; overflow: hidden;}
.alert_box + .dim {display: block;}
.alert_box { width:320px; background-color: #fff; border-radius:8px; position: absolute; top:50%; left:50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); overflow: hidden; z-index: 100;}
.alert_box .alert_text {min-height:65px; text-align: center; position: relative; margin:25px 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center;}
.alert_box .alert_text > p { width:100%; font-size:16px;}
.alert_box .alert_btn {display: flex; padding:0 20px 20px 20px;}
.alert_box .alert_btn button {font-size: 17px; height:50px; flex: 1; border-radius: 6px; border: 0;}
.alert_box .alert_btn button:first-child {background-color: #f0f0f0;}
.alert_box .alert_btn button:last-of-type {background-color: #EB217C; color:#fff; margin-left: 10px;}
.alert_box .alert_btn button.gray_btn {background-color: #f0f0f0; color: #333; margin: 0;}
.alert_box .alert_btn button.pink_btn {background-color: #EB217C; color:#fff; margin: 0;}
.alert_box .alert_btn button.off {background-color: #F2F3F5; color: #333;}
.dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .4); z-index:-1; overflow: hidden; display: none;}
.noscroll {width: 100%; height: 100%; overflow:hidden!important; }

.input_check_square {width: 24px; height: 24px; background: url(//image.aladin.co.kr/img/common/input_check.svg) #fff no-repeat center / 14px auto; border: 1px solid #D0D0D0; border-radius: 3px; box-sizing: border-box; -webkit-appearance: none!important;}
.input_check_square:checked { background: url(//image.aladin.co.kr/img/common/w_input_check.svg) #EB217C no-repeat center / 14px auto!important; border: 1px solid #EB217C; -webkit-appearance: none!important;}

.ugc_block_layer .alert_text h3 {padding:0 20px 10px 20px; font-size: 20px;}
.ugc_block_layer .alert_text p {padding: 0 20px;}
.ugc_block_layer .close_btn {width: 40px; height:40px; font-size: 1px; color: transparent; overflow: hidden; background: url(https://image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 17px 17px; position: absolute; right: 8px; top: 15px; border: 0; outline: 0; cursor: pointer; text-indent: -100rem; z-index: 10;}
.ugc_block_layer .alert_text ul {width: 100%; margin: 10px 0 0 0; box-sizing: border-box;}
.ugc_block_layer .alert_text li {background: url(//image.aladin.co.kr/img/svg/dot_black.svg) no-repeat left top 8px / 4px 4px; padding: 0 0 3px 8px; font-size: 16px; margin: 0; text-align: left;}
.ugc_block_layer .alert_text .block_off {width: 100%; text-align: right; margin-top: 10px;}
.ugc_block_layer .alert_text .block_off a {display: inline-block; height: 30px; border-radius: 6px; border: 1px solid #C9C9C9; background-color: #fff; padding: 0 10px; line-height: 30px;}
.ugc_block_layer .alert_text .block_off a::after {content: ''; display: inline-block; width: 6px; height: 12px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 100% auto; margin-left: 5px;}

.ugc_report_layer .alert_text h3 {padding:0 20px 15px 20px; font-size: 20px;}
.ugc_report_layer .close_btn {width: 40px; height:40px; font-size: 1px; color: transparent; overflow: hidden; background: url(https://image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 17px 17px; position: absolute; right: 8px; top: 15px; z-index: 10; border: 0; outline: 0;}
.ugc_report_layer .alert_text p {text-align: left; font-size: 17px; margin-bottom: 15px;}
.ugc_report_layer .alert_text p .small { font-size: 15px;}
.ugc_report_layer .report_check {width: 100%; background-color: #FAFAFA; border-radius: 6px; padding: 15px 13px 0 13px; margin-bottom: 20px;}
.ugc_report_layer .report_check label {display: flex; margin-bottom: 15px;}
.ugc_report_layer .report_check label input {flex-shrink: 0;}
.ugc_report_layer .report_check label input + span {margin-left: 7px;}
.ugc_report_layer .block_check label {display: flex;}
.ugc_report_layer .block_check label input {flex-shrink: 0; }
.ugc_report_layer .block_check label input + span {margin-left: 8px; text-align: left; line-height: 1.4;}
.ugc_report_layer .block_check label input + span .small {font-size: 13px;}


.mblog_tit {font-size: 15px; font-weight: bold; color: #6D6D6D; float: left;}
.mblog_tit .y_t {color: #F3AD3C;}
.mblog_main_tab {height: 28px; display: flex; border: 1px solid #919191; border-radius: 3px;  margin: 0 0 15px 0;}
.mblog_main_tab.bottom {margin: 15px 0;}
.mblog_main_tab a ~ a {border-left: 1px solid #919191;}
.mblog_main_tab a {flex: 1; color: #919191; text-align: center; line-height: 28px;}
.mblog_main_tab a.on {background-color: #919191; color: #fff;}

.town_tit {font-size: 16px; font-weight: bold; color: #333; float: left;}
.town_tit em {font-style: normal; color: #fd9f18;}

.town_tab {display: flex; justify-content: center; margin: 0 0 10px 0;}
.town_tab ~ .town_tab {margin: 15px 0 0 0;}
.town_tab a:first-child {border-left:  1px #cdcdcd solid;}
.town_tab a {display: inline-block; width: 98px; height: 30px; line-height: 30px; background-color: #f7f7f7; border: 1px #cdcdcd solid; border-left: 0; text-align: center; color: #929292; font-weight: bold; letter-spacing: 0;}
.town_tab a.on {background-color: #5971b9; color: #fff; border-bottom: 1px #5971b9 solid; border: 1px #5971b9 solid;}

.town_label {display: inline-block; height: 14px; line-height: 15px; background-color: #445ea9; padding: 0 4px; font-size: 10px; color: #fff; vertical-align: middle; margin-top: -4px; border-radius: 2px; letter-spacing: 0;}