@charset "utf-8";
@import url("default.css"); /* Default */
/*@import url("https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css");*/

/* Image */
header h1 .logo, #open-left, header .search,.snap-drawer .btn_close, .snap-drawer .ico {background:url('http://image.cine21.com/m2/img_gnb02.png') no-repeat 0 0 ; background-size:300px 200px;}
.ico_play, #cnt.search .search_area .btn_search, .lst_card_area ul.lst_card li .card_wrap .ico_star, #cnt .ico, .rating, .rating_on {background:url('http://image.cine21.com/m2/img_cont.png') no-repeat 0 0 ; background-size:300px 200px;}

/* Header */

header {background:#fff;  height:55px;  text-align:center; position:relative; }
header #open-left {background-position:-115px -19px; width:20px; height:20px; display:block; position:absolute; left:20px; top:17px}
header h1 .logo {background-position:0px -10px; width:90px; height:30px; display:inline-block; margin-top:12px; }
header .search {background-position:-157px -15px; width:25px; height:25px; display:block; position:absolute; right:20px; top:15px}

/* GNB */
.snap-drawer {position:fixed; left:0; top:0; width:260px; background: #404245; z-index:5000; height:100%; overflow:auto;}

.snap-drawer {}
.snap-drawer .home {border-bottom:1px solid #000; display:block; color:#fff; font-size:1.15em; padding:15px 20px; font-weight:bold;}
.snap-drawer .tit {color:#fff; font-size:1.05em; display:block; padding:10px 20px}
.snap-drawer .tit .ico {width:18px; height:18px; margin-left:5px;}
.snap-drawer .tit .ico.close { background-position:-13px -88px}
.snap-drawer .tit .ico.open { background-position:-43px -88px}
.snap-drawer .depth2 {border-bottom:1px solid #000;}
.snap-drawer .depth2 .stit {display:block; color:#fff; font-size:1.05em; padding:14px 20px ; font-weight:bold;}
.snap-drawer .depth2 ul {overflow:hidden; padding:0 0 15px 20px; }
.snap-drawer .depth2 ul.news {}
.snap-drawer .depth2 ul.news li {float:left; width:110px; }
.snap-drawer .depth2 ul li {float:left; width:220px; }
.snap-drawer .depth2 ul li a {padding:6px 0; display:block;  color:#ccc;}
.snap-drawer .depth2 li.bold a {display:block; font-weight:bold; color:#e1e1e1}
.snap-drawer .submenu {padding:20px}
.snap-drawer .submenu li a {display:block; padding:5px 0; font-size:0.8em;  color:#ccc;}

.snap-drawer .login_area {padding:18px 20px 60px}
.snap-drawer .login_area .name {margin-right:10px; display:inline-block; font-weight:bold; color:#fff; font-size:1.05em}
.snap-drawer .login_area .btn_login {display: inline-block; padding: 8px 11px; color: #fff;  font-size: 1em;  vertical-align: middle; background: #64676d;  }
.snap-drawer .login_area .btn_logout {display: inline-block; padding: 6px 8px; color: #fff;  font-size: 0.95em;  vertical-align: middle; background: #64676d;  }

.snap-drawer .btn_close {display:block; background-position:-78px -55px; position:absolute; right:7px; top:7px; width:46px; height:46px;}

.snap-drawer .ico.hot {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:5px; background-position:-140px -55px}
.snap-drawer .ico.new {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:5px; background-position:-170px -55px}

.snap-drawer .misc_btn_area {margin:0 0 10px 20px;}
.snap-drawer .misc_btn_area a {display:inline-block; vertical-align:middle; margin-right:4px}
.snap-drawer .misc_btn_area a span.ico {display:block; width:40px; height:40px; overflow:hidden; text-indent:-1000px}
.snap-drawer .misc_btn_area a.btn_facebook span.ico {background-position:-15px -125px}
.snap-drawer .misc_btn_area a.btn_twitter span.ico {background-position:-65px -125px}
.snap-drawer .misc_btn_area a.btn_instagram span.ico {background-position:-115px -125px}
.snap-drawer .misc_btn_area a.btn_youtube span.ico {background-position:-165px -125px}

/* SNB */           
ul.snb {overflow:hidden}
ul.snb li {float:left; width:25%}
ul.snb li a {display:block; text-align:center; padding:10px 0 12px; font-weight:600; border-bottom:1px solid #dc2515; font-size:0.9em}
ul.snb li.on a {color:#dc2515; border-bottom:3px solid #dc2515; padding-bottom:10px;} 

ul.snb1 {text-align:center; margin-bottom:10px}
ul.snb1 li {display:inline-block;}
ul.snb1 li a {display:block; text-align:center; padding:10px 12px 12px; font-weight:600; font-size:0.9em; border-bottom:1px solid #ccc; }
ul.snb1 li.on a {color:#dc2515; border-bottom:6px solid #dc2515; padding-bottom:9px;} 

/* Contents */
#content {max-width:578px; margin:0 auto;}
#cnt {padding:0; background:#fff; padding-bottom:25px}

/* Footer */
#footer {background:#ebedf1; text-align:center; padding:15px 0 80px ; position:relative; }
#footer .ico {background:url('http://image.cine21.com/m2/footer.png') no-repeat 0 0 ; background-size:300px 200px; text-indent:-1000px}
#footer .sns_txt {color:#666; font-size:0.85em; letter-spacing:-0.05em; margin-bottom:7px;}
#footer .misc_btn_area {margin-bottom:10px}
#footer .misc_btn_area a {display:inline-block;  vertical-align:middle; margin:0 3px;}
#footer .misc_btn_area a span.ico {display:block; width:34px; height:34px; overflow:hidden;}
#footer .misc_btn_area a.btn_pcmode {background:#fff; display:block; position:absolute; top:10px; right:20px;  border:1px solid #dadee5}
#footer .misc_btn_area a.btn_pcmode span {display:block; color:#666; font-size:12px; padding:3px 7px ; letter-spacing:-0.05em}
#footer .misc_btn_area a.btn_facebook span.ico {background-position:0 0}
#footer .misc_btn_area a.btn_twitter span.ico {background-position:-50px 0}
#footer .misc_btn_area a.btn_instagram span.ico {background-position:-100px 0}
#footer .misc_btn_area a.btn_youtube span.ico {background-position:-150px 0}
#footer .copyright {color:#999; font-size:0.7em; }

/* H Style */
h2 {font-size:1em; font-weight:bold; color:#333; padding:20px 20px 10px}
h3 {font-size:0.9em; font-weight:bold; color:#333; padding:15px 20px 7px; background:#fff; }

/* Button Style */
a.bts_red {display:inline-block; padding:8px 11px 10px; color:#fff; font-size:1em; font-weight:bold; vertical-align:middle; background:#dc2515;  }
a.bts_red_s {display:inline-block; padding:6px 8px 8px; color:#fff; font-size:0.8em; vertical-align:middle; background:#dc2515; }

/*밑으로 리스트 추가되는 더보기 버튼 */
#cnt  a.bts_more { background:#f2f4f9; display:block; color:#666; font-size:0.95em; text-align:center; border:solid 1px #edeff4; letter-spacing:-0.05em; margin:0 20px 30px; background:#fff url('http://image.cine21.com/m2/loading.gif') no-repeat 50% 50%}
#cnt  a.bts_more span {display:block; background:#f2f4f9; padding:10px 0; border:1px solid #fff}

/*전체리스트로 이동하는 더보기 버튼 */
#cnt  a.btn_more {display:block; color:#666; font-size:0.95em; padding:10px 0; text-align:center; margin:0 20px 30px; letter-spacing:-0.05em; background:#f2f4f9;  border:solid 1px #edeff4; }
#cnt  a.btn_more span.ico {background-position: -90px -130px; display:inline-block; height:15px; width:15px; margin:0 0 5px 5px}

a.bts_white {border:1px solid #dadee5; padding:8px 10px; background:#fff; color:#363b41}

a.bts_gray {border:1px solid #8b8b8b; display:inline-block; border-radius: 4px; padding:8px 11px 10px; color:#fff; font-size:1em; font-weight:bold; vertical-align:middle;
background:#a3a3a3; /* Old browers */
background:linear-gradient(to bottom, #a3a3a3, #a3a3a3);/*W3C*/
 }

a.bts_wide {display:block; text-align:center; position:relative; }
a.bts_wide .ico {position:absolute; display:block; left:12px; top:6px}

.snsbtn {overflow:hidden}
.snsbtn li {float:left; width:50%}
.snsbtn li a.btn_facebook {text-align:center; border:1px solid #2a4273; display:block; padding:8px 0 10px; color:#fff; font-size:1em; font-weight:bold; vertical-align:middle; background:#0059c6}
.snsbtn li a.btn_twitter {text-align:center; border:1px solid #2a4273; display:block; padding:8px 0 10px; color:#fff; font-size:1em; font-weight:bold; vertical-align:middle; background:#1da1f2}
.snsbtn li a .ico {width:22px; height:18px; display:inline-block; margin-right:5px}
.snsbtn li a.btn_facebook .ico {background-position: -92px -40px !important;}
.snsbtn li a.btn_twitter .ico {background-position: -121px -40px !important;;}

/* Text Link Style */
a.txtlink {display:inline-block; color:#000; text-decoration:underline; font-size:16px}
a.txtlink.on {text-decoration:none; font-weight:bold; }

/* Text Style */
.txt_bold, a.txt_bold {font-weight:bold}
.txt_count, a.txt_count {color:#dc2515; font-weight:bold;}
.txt_underline, a.txt_underline  {text-decoration:underline;}

/* Tab Style */
.tab_area {margin:0 10px 20px;}
.tab_area .tab {overflow:hidden; width:100%; border-bottom:1px solid #c8cbd0}
.tab_area .tab li {float:left; text-align:center; width:50%}
.tab_area .tab li a {display:block; padding:10px 0; color:#666; font-size:1em; text-align:center;
border:1px solid #dadee5; border-bottom:none; overflow:hidden; 
background:#f1f1f1; /* Old browers */
background:linear-gradient(to bottom, #ffffff, #eff2f8);}
.tab_area .tab li.on a {color:#fff;padding:10px 0; font-weight:bold;
border:1px solid #be2113; border-bottom:none; overflow:hidden; 
background:#be2113; /* Old browers */
background:linear-gradient(to bottom, #e14336, #be2113);}

/* bar */
.bar_line {border-bottom:1px solid #c6c6c6}
span.bar {color:#c6c6c6; margin:0 7px}

/* Table Style */
table {border-top:1px solid #d1d5e2 }
table th {border-bottom:1px solid #d1d5e2;  text-align:left; font-weight:bold; font-size:0.8em; background:#f2f4f9; padding:8px; color:#888a90}
table td {border-bottom:1px solid #d1d5e2; padding:8px; font-size:0.9em; background:#fff; }
table td a {color:#666 !important; font-size:1em  }

/* List Style : Card Type*/
.lst_card_area {padding:0}
.lst_card_area ul.lst_card {overflow:hidden; margin-left:0px; margin-right:10px}
.lst_card_area ul.lst_card li {float:left; width:50%}
.lst_card_area ul.lst_card li.point {float:left; width:100%}
.lst_card_area ul.lst_card li.banner {float:left; width:100% !important; text-align:center; padding:5px 0 15px 0}
.lst_card_area ul.lst_card li .card_wrap {position:relative; margin-left:10px; margin-bottom:15px; background:#fff;}
.lst_card_area ul.lst_card li .card_wrap .thub {text-align:center; background:#fff; }
.lst_card_area ul.lst_card li .card_wrap .thub img {width:100%; }
.lst_card_area ul.lst_card li .card_wrap .tit {font-size:0.8em; padding:10px; height:2.8em;}
.lst_card_area ul.lst_card li .card_wrap .tit p {
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
font-size:1.05em
}
.lst_card_area ul.lst_card li .card_wrap .ico_ntvad {position:absolute; left:0; top:0; font-size:0.4em; background:#fff; opacity:0.8; padding:1px 2px}
.lst_card_area ul.lst_card li .card_wrap .ico_play {position:absolute; left:50%; top:50%; margin:-70px 0 0 -28px; display:block; width:56px; height:56px; background-position:-6px -6px; background-size:230px 153px;}
.lst_card_area ul.lst_card li .card_wrap .ico_play .time {color:#fff; font-size:0.5em; display:block; text-align:center; padding-top:25px}
.lst_card_area ul.lst_card li.point .card_wrap .ico_play { margin:-80px 0 0 -37px; width:76px; height:74px; background-position:-6px -6px; background-size:300px 200px;}
.lst_card_area ul.lst_card li.point .card_wrap .ico_play .time {color:#fff; font-size:0.7em; display:block; text-align:center; padding-top:37px}
.lst_card_area ul.lst_card li .card_wrap .ico_star {position:absolute; left:50%; bottom:40px; margin:0 0 0 -31px; font-weight:bold; color:#fff;  background-position:-15px -89px; width:61px; height:61px;  }
.lst_card_area ul.lst_card li .card_wrap .ico_star p {color:#fff; font-weight:bold; width:60px; text-align:center; font-size:0.9em; padding-top:23px}
.lst_card_area ul.lst_card li .card_wrap .cover_num {padding:7px 10px 9px; font-size:0.9em; font-weight:bold; }
.lst_card_area ul.lst_card li .card_wrap .cover_num .cover_no {font-size:0.9em; color:#666; font-weight:normal}
.lst_card_area ul.lst_card li .card_wrap .name {font-size:1em; font-weight:bold; padding:7px 10px 0}
.lst_card_area ul.lst_card li .card_wrap .name .cut_num {font-size:0.9em; font-weight:normal; color:#666}
.lst_card_area ul.lst_card li .card_wrap .role {font-size:0.9em; color:#666; padding:0 10px 9px;}

/* List Style : Movie Type*/
.lst_mov_area {background:#fff;}
.lst_mov_area ul.lst_mov {}
.lst_mov_area ul.lst_mov li {position:relative; padding:20px; min-height:130px; border-top:1px solid #d3d3d3}
.lst_mov_area ul.lst_mov li .thub_img {position:absolute; top:20px; left:20px; }
.lst_mov_area ul.lst_mov li .thub_img img {width:90px; height:130px}
.lst_mov_area ul.lst_mov li .info {padding-left:110px}
.lst_mov_area ul.lst_mov li .info .title a {font-size:1.05em; color:#000; font-weight:bold}
.lst_mov_area ul.lst_mov li .info .year, .lst_mov_area ul.lst_mov li .info .sub_info, .lst_mov_area ul.lst_mov li .info .sub_info a  {color:#666; font-size:0.9em}
.lst_mov_area ul.lst_mov li .ico_play {position:absolute; left:62px; top:103px; display:block; width:56px; height:56px; background-position:-6px -6px; background-size:230px 153px;}
.lst_mov_area ul.lst_mov li .ico_play .time {color:#fff; font-size:0.5em; display:block; text-align:center; padding-top:25px}


/* List Style : Person Type*/
.lst_prsn_area {background:#fff;}
.lst_prsn_area ul.lst_prsn {}
.lst_prsn_area ul.lst_prsn li {position:relative; padding:20px; min-height:100px; border-top:1px solid #d3d3d3}
.lst_prsn_area ul.lst_prsn li .thub_img {position:absolute; top:20px; left:20px; }
.lst_prsn_area ul.lst_prsn li .thub_img img {width:90px; height:100px}
.lst_prsn_area ul.lst_prsn li .info {padding-left:110px}
.lst_prsn_area ul.lst_prsn li .info .name a {font-size:1.15em; color:#000; font-weight:bold}
.lst_prsn_area ul.lst_prsn li .info .name_en, .lst_prsn_area ul.lst_prsn li .info .sub_info, .lst_prsn_area ul.lst_prsn li .info .sub_info a  {color:#666; font-size:0.9em}

/* List Style : News Type*/
.lst_news_area {background:#fff;}
.lst_news_area ul.lst_news {}
.lst_news_area ul.lst_news li {position:relative; border-top:1px solid #d3d3d3; padding:10px 20px}
.lst_news_area ul.lst_news li a .title {color:#000; font-size:1.05em; display:block; padding-right:100px; overflow: hidden;  white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.lst_news_area ul.lst_news li a .sub_info {color:#666; font-size:0.9em; display:block; position:absolute; right:20px; top:10px}

/* List Style : Big image */
.main .lst_bigimg_area { border-bottom:10px solid #e6e9f3}
.lst_bigimg_area ul.lst_bigimg {}
.lst_bigimg_area ul.lst_bigimg li a {display:block}
.lst_bigimg_area ul.lst_bigimg li {padding-bottom:25px}
.lst_bigimg_area ul.lst_bigimg li .thub {margin-bottom:12px; background:url('http://image.cine21.com/m2/loader.gif') no-repeat 50% 50%; min-height:60px}
.lst_bigimg_area ul.lst_bigimg li .thub img {width:100%;}
.lst_bigimg_area ul.lst_bigimg li .tit {padding:0 20px; margin-bottom:5px; line-height:140%; font-size:1em; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;          
}
.lst_bigimg_area ul.lst_bigimg li .cont {font-size:0.8em; color:#888; padding:0 20px; padding-top:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; }
.lst_bigimg_area ul.lst_bigimg li .category {padding:0 20px; color:#dc2515; font-size:0.8em; margin-bottom:3px ; }
.lst_bigimg_area ul.lst_bigimg li .byline {font-size:12px; color:#858585}

/* List Style : 상단에 1개의 게시물 */
.main .lst_top1_area {border-bottom:10px solid #e6e9f3}
.lst_top1_area ul.lst_top1 {margin-bottom:20px}
.lst_top1_area ul.lst_top1 li.top a {display:block}
.lst_top1_area ul.lst_top1 li.top {padding-bottom:25px}
.lst_top1_area ul.lst_top1 li.top .thub {margin-bottom:12px; background:url('http://image.cine21.com/m2/loader.gif') no-repeat 50% 50%; min-height:60px}
.lst_top1_area ul.lst_top1 li.top .thub img {width:100%;}
.lst_top1_area ul.lst_top1 li.top .tit {padding:0 20px; margin-bottom:5px; line-height:150%; font-weight:600; font-size:1em; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;   
line-height: 1.4em;
height: 2.8em;
}
.lst_top1_area ul.lst_top1 li.top .category {padding:0 20px; color:#dc2515; font-size:0.8em; margin-bottom:3px ; }
.lst_top1_area ul.lst_top1 li.top .byline {font-size:12px; color:#858585}

.lst_top1_area ul.lst_top1 li.nml a {display:block; position:relative; height:92px; padding-top:7px; margin-right:10px}
.lst_top1_area ul.lst_top1 li.nml a .thub {position:absolute; left:20px; top:0px; }
.lst_top1_area ul.lst_top1 li.nml a .thub img {width:150px; height:90px; }
.lst_top1_area ul.lst_top1 li.nml a .category {color:#dc2515; font-size:0.8em; margin-bottom:5px ; margin-left:185px}
.lst_top1_area ul.lst_top1 li.nml a .tit  {font-size:0.95em; letter-spacing:-0.07em; margin-left:185px; letter-spacing:-0.05em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.3em;
height: 2.8em;
}
.lst_top1_area ul.lst_top1 li.nml a .date {}
.lst_top1_area ul.lst_top1 li.nml a .byline {}

/* List Style : 상단에 2개의 게시물 */
.lst_top2_area {}
.lst_top2_area ul.lst_top2 {margin-bottom:15px}
.lst_top2_area ul.lst_top2 li.top {float:left; width:50%}
.lst_top2_area ul.lst_top2 li.top a {display:block; padding-right:10px}
.lst_top2_area ul.lst_top2 li.top {padding-bottom:25px}
.lst_top2_area ul.lst_top2 li.top .thub {margin-bottom:12px; background:url('http://image.cine21.com/m2/loader.gif') no-repeat 50% 50%; min-height:60px}
.lst_top2_area ul.lst_top2 li.top .thub img {width:100%;}
.lst_top2_area ul.lst_top2 li.top .tit {padding:0; margin-bottom:5px; line-height:150%; font-size:0.95em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;   
line-height: 1.4em;
height: 2.8em;
}
.lst_top2_area ul.lst_top2 li.top .category {color:#dc2515; font-size:0.8em; margin-bottom:3px ; }
.lst_top2_area ul.lst_top2 li.top .byline {font-size:12px; color:#858585}
.lst_top2_area ul.lst_top2 li.nml {clear:both;}
.lst_top2_area ul.lst_top2 li.nml a {display:block; position:relative; height:92px; padding-top:7px; margin-right:10px}
.lst_top2_area ul.lst_top2 li.nml a .thub {position:absolute; left:0px; top:0px; }
.lst_top2_area ul.lst_top2 li.nml a .thub img {width:150px; height:90px; }
.lst_top2_area ul.lst_top2 li.nml a .category {color:#dc2515; font-size:0.8em; margin-bottom:5px ; margin-left:165px}
.lst_top2_area ul.lst_top2 li.nml a .tit  {font-size:0.95em; letter-spacing:-0.07em; margin-left:165px; letter-spacing:-0.05em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em;
}
.lst_top2_area ul.lst_top2 li.nml a .date {}
.lst_top2_area ul.lst_top2 li.nml a .byline {}


/* List Style : left image right text */
.lst_limgrtx_area {}
#cnt.main .lst_limgrtx_area {padding-bottom:20px; border-bottom:10px solid #e6e9f3}
.lst_limgrtx_area ul.lst_limgrtx {}
.lst_limgrtx_area ul.lst_limgrtx li {}
.lst_limgrtx_area ul.lst_limgrtx li a {display:block; position:relative; height:92px; padding-top:7px; margin-right:20px}
.lst_limgrtx_area ul.lst_limgrtx li a .thub {position:absolute; left:20px; top:0px; }
.lst_limgrtx_area ul.lst_limgrtx li a .thub img {width:150px; height:90px; }
.lst_limgrtx_area ul.lst_limgrtx li a .category {color:#dc2515; font-size:0.8em; margin-bottom:5px ; margin-left:185px; }
.lst_limgrtx_area ul.lst_limgrtx li a .tit  {font-size:0.95em; margin-left:185px; letter-spacing:-0.05em; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em;
}
.lst_limgrtx_area ul.lst_limgrtx li a .date {color:#999; font-size:0.8em; margin-left:185px; }
.lst_limgrtx_area ul.lst_limgrtx li a .byline {}

/* Rating */
.rating_area {display: inline-block;}
.rating_area .num {display:inline-block; color:#dc2515; font-weight:bold; font-size:0.9em;}
.rating {background-position: -90px -98px;  height: 17px; width: 80px; display: inline-block; vertical-align:middle; }
.rating .rating_on {background-position:-90px -76px; height: 17px; width: 80px; display: inline-block;}

/* Margin */
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgR0 {margin-right:0px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR30 {margin-right:30px !important;}
.mgR40 {margin-right:40px !important;}
.mgR50 {margin-right:50px !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.m10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}

/* Padding */
.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

/* Paging */
.pagination {text-align:center; padding-top:12px}
.pagination a {display:inline-block; padding:10px 15px;font-weight:bold; color:#666; font-size:1.0em; }
.pagination a.on {color:#dc2515;}
.pagination span {color:#dc2515; font-weight:bold; padding:10px 15px; display:inline-block; }
.pagination a.img {padding:13px; border:1px solid #e6e9f3 ; line-height:0; margin:0 3px}
.pagination .btn_prev {display:inline-block; padding-right:10px; vertical-align:middle}
.pagination .btn_prev .ico {display:block; background-position:-195px -57px !important; width:35px; height:35px;}
.pagination .btn_next {display:inline-block; padding-left:10px; vertical-align:middle}
.pagination .btn_next .ico {display:block; background-position:-242px -57px !important; width:35px; height:35px;}

/* 키워드, 태그 */
.keyword a {color:#fff; font-weight:bold; background:#787878; padding:3px 5px}

/* 메인 */
#cnt.main {background:#fff}
#cnt.main .main_top_banner {background:#fff; text-align:center; margin:0 }
#cnt.main .topnews_wrap {text-align:center; margin-bottom:35px}
#cnt.main .topnews_wrap .topnews {}
#cnt.main .topnews_wrap .topnews .news_tit {padding-left:15px; border-left: 3px solid #dc2515;  margin:15px 20px 20px}
#cnt.main .topnews_wrap .topnews .news_tit .category {color:#dc2515; font-size:0.8em; text-align:left; margin-bottom:5px }
#cnt.main .topnews_wrap .topnews .news_tit .tit_txt {font-size:1.2em; text-align:left; ; letter-spacing:-0.05em; font-weight:500; color:#000;  }

#cnt.main .topnews_wrap .topnews img {width:100%;max-width:640px}
#cnt.main h2 {font-size:1.1em; font-weight:800; letter-spacing:-0.05em; padding-bottom:18px}
#cnt.main .youtube_area {margin-bottom:20px}
#cnt.main .youtube_area .youtube {width:350px; margin-bottom:20px;}
#cnt.main .youtube_area .youtube > a {overflow:hidden; display:block;}
#cnt.main .youtube_area .youtube .thub {margin-bottom:10px}
#cnt.main .youtube_area .youtube .thub img {width:350px; height:197px}
#cnt.main .youtube_area .youtube .tit_area {overflow:hidden; position:relative; height:60px; }
#cnt.main .youtube_area .youtube .tit_area .profile {position:absolute; left:0; top:0}
#cnt.main .youtube_area .youtube .tit_area .profile img {border-radius:50%; width:60px; height:60px;}
#cnt.main .youtube_area .youtube .tit_area .tit {padding-left:70px; padding-top:5px; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
#cnt.main .btn_youtubearea { background:#dc3232; color:#fff; font-weight:600; display:block; margin:0 auto 30px; padding:6px 0; width:200px; text-align:center;letter-spacing:-0.03em; border-radius:10px;}

#cnt.main .mgzn_area {overflow:hidden; margin-bottom:30px}
#cnt.main .mgzn_area .mgzn {overflow:hidden; margin-left:20px}
#cnt.main .mgzn_area .mgzn li {float:left; width:50%;}
#cnt.main .mgzn_area .mgzn li .mgznliwrap {display:block; padding-right:20px}
#cnt.main .mgzn_area .mgzn li .mgznliwrap .thub {margin-bottom:10px; }
#cnt.main .mgzn_area .mgzn li .mgznliwrap .thub img {width:100%}
#cnt.main .mgzn_area .mgzn li .mgznliwrap .ho_num {font-weight:bold; color:#999; font-size:0.9em;}
#cnt.main .mgzn_area .mgzn li .mgznliwrap .tit {font-size:0.95em; letter-spacing:-0.07em; letter-spacing:-0.05em;}

.ad_area {text-align:center; margin-bottom:15px; background:#fff; max-width:578px; margin:0 auto ;  }
.ad_area {margin-left:20px; margin-right:20px;}
.ad_area.sitetop {padding:0; margin:0 auto;}
.ad_area.sitetop img {width:100%; max-width:580px;}


#cnt.main .btn_more {display:block; color:#666; font-size:0.95em; padding:10px 0; text-align:center; margin:0 20px 30px; letter-spacing:-0.05em; background:#f2f4f9;  border:solid 1px #edeff4; }
#cnt.main .btn_more span.ico {background-position: -90px -130px; display:inline-block; height:15px; width:15px; margin:0 0 5px 5px}

#cnt.main .subsbtn_area {margin-top:20px; text-align:center;}
#cnt.main .subsbtn_area a.btn_piece {background:#dc3232; color:#fff; font-weight:600; display:inline-block; margin:0 auto; padding:8px 0; width:120px; text-align:center;letter-spacing:-0.03em; border-radius:10px}
#cnt.main .subsbtn_area a.btn_subs {background:#dc3232; color:#fff; font-weight:600; display:inline-block; margin:0 auto; padding:8px 0; width:120px; text-align:center;letter-spacing:-0.03em; border-radius:10px}

/* 상단 4개 주요 메뉴 : 뉴스, 스페셜, 평론 */
#cnt.leading {background:#fff;  }
#cnt.leading .lst_top2_area {padding: 0 10px 0 20px}
#cnt.leading.news .bts_more {margin:0 0 30px}
#cnt.leading.etc .bts_more {margin:0 20px 30px}
#cnt.leading.etc, #cnt.leading.news {border-top:1px solid #e6e9f3}

/* 최신영화 별점 배너 */
#cnt .new_review_area {margin-bottom:40px; background-size:cover !important}
#cnt .new_review_area a {padding:22px 0; display:block;  background:rgba(0,0,0,0.5); text-align:center; font-size:17.5px; color:#fff; font-weight:600; }
#cnt .new_review_area .star.ico {background-position: -90px -76px; display:block; height:15px; width:80px; margin:0 auto 5px}

/* 검색 */
#cnt.search {padding-top:20px; padding-bottom:0; background:#fff;}
#cnt.search .search_area {padding:0 20px}
#cnt.search .search_area .search_box {border:1px solid #bbb; background:#fff; padding-right:45px; position:relative; }
#cnt.search .search_area .search_box input {border:none;}
#cnt.search .search_area .search_box .btn_search {display:inline-block; width:30px; height:25px; background-position:-83px -6px; position:absolute; top:5px; right:10px; border-left:1px solid #d5d5d5}
#cnt.search .word {font-size:1.1em; color:#000; text-align:center; padding-bottom:15px;}
#cnt.search .no_result {text-align:center; margin:100px 0 200px}

/* 박스오피스 */
#cnt.boxofficeplay {border-top:1px solid #e6e9f3; }
#cnt.boxofficeplay ul.snb1 li {margin-bottom:16px}
#cnt.boxofficeplay .rule {font-size:0.85em; color:#888; padding:0 20px 10px; text-align:right}
#cnt.boxofficeplay .play_list {overflow:hidden; margin-left:20px; margin-bottom:15px}
#cnt.boxofficeplay .play_list li {float:left; width:50%; margin-bottom:30px; position:relative; }
#cnt.boxofficeplay .play_list li a {display:block; margin-right:20px}
#cnt.boxofficeplay .play_list li a .rank {position:absolute; left:8px; top:0; color:#fff; font-weight:bold; font-size:3em; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); }
#cnt.boxofficeplay .play_list li a .poster img {width:100%; margin-bottom:20px; border-radius:15px; box-shadow:3px 3px 7px 0px rgba(0,0,0,0.3);}
#cnt.boxofficeplay .play_list li a .movie_name {font-size:0.9em; font-weight:bold; color:#000; margin-bottom: 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#cnt.boxofficeplay .play_list li .count, #cnt.boxofficeplay .play_list li .date {font-size:0.85em; color:#888; margin-bottom:2px}
#cnt.boxofficeplay .play_list .star_area {font-size:0.85em; color:#888}
#cnt.boxofficeplay .play_list .star_area .star {display:inline-block; background:url('http://image.cine21.com/m2/star.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px; vertical-align:middle}
#cnt.boxofficeplay .play_list .star_area .star .star_on {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px;}
#cnt.boxofficeplay .play_list .star_area .num {color:#000; }
#cnt.boxofficeplay .play_list .star_area span {vertical-align:middle}

/*  영화상세보기 */
#cnt.movie_info {padding-top:450px;}
@media (max-width: 375px) {
#cnt.movie_info {padding-top:300px;}
}

#cnt.movie_info h2, #cnt.movie_detail h3 {margin:0; padding:0}
#cnt.movie_info h2 {border-left:3px solid #dc2515; margin:0 0 20px 20px; padding-left:8px}
#cnt.movie_info .banner {text-align:center; background:#f8fafe; padding:15px 0; margin-bottom:25px;}
#cnt.movie_info.noposter {padding-top:0}
#cnt.movie_info .adult {background:#404245; text-align:center; padding:15px 0; color:#fff; font-size:0.9em; margin-bottom:20px;}
#cnt.movie_info .name_area {border-radius:30px 30px 0 0; background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,1) ); padding:30px 20px;}
#cnt.movie_info .name_area .movie_name {font-size:1.5em; color:#000; letter-spacing:-0.05em; font-weight:600}
#cnt.movie_info .name_area .movie_name .year {font-weight:normal ;font-size:0.8em; letter-spacing:0}
#cnt.movie_info .name_area .original_name {font-size:0.9em; color:#666; }
#cnt.movie_info .poster_area {background:#fff; padding:20px 20px 20px 180px; position:relative; min-height:200px;margin-top:-1px}
#cnt.movie_info .poster_area .poster_thum {position:absolute; top:1px; left:20px; width:140px; height:200px ; box-shadow:3px 3px 7px 0px rgba(0,0,0,0.3);}
#cnt.movie_info .poster_area .etc_info {}
#cnt.movie_info .poster_area .etc_info li {margin-bottom:5px; font-size:0.9em}
#cnt.movie_info .poster_area .etc_info li .title {font-weight:600; color:#888; display:inline-block; margin-right:15px; }
#cnt.movie_info .synopsis_area {background:#fff; padding:0 20px; margin-bottom:30px;}
#cnt.movie_info .synopsis_area h2 {margin-left:0}
#cnt.movie_info .synopsis_area .synopsis {font-size:0.9em; line-height:150%; background:#fff;}
#cnt.movie_info .synopsis_area .synopsis.more {
overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 4.5em; 
 }
#cnt.movie_info .synopsis_area .btn_synopsis {display:block; padding:5px 0; font-weight:bold; font-size:16px}
#cnt.movie_info .synopsis_area .btn_synopsis .ico {background-position:-150px -11px !important; display:inline-block; vertical-align:middle; width:18px; height:15px}
#cnt.movie_info .note_area {padding:0 20px 30px; border-bottom: 10px solid #e6e9f3; margin-bottom:30px; }
#cnt.movie_info .note_area .btn_note {display:inline-block; color:#fff ; font-weight:bold; font-size:0.8em; background:#a6a8af; padding:5px 10px; border-radius: 6px 6px 0 0; letter-spacing:-0.07em}
#cnt.movie_info .note_area .btn_note .ico {background-position:-150px -26px !important; display:inline-block; vertical-align:middle; width:18px; height:15px }
#cnt.movie_info .note_area .note {background:#f2f4f9; font-size:0.9em; line-height:150%; padding:20px}
#cnt.movie_info .expert_area {position:relative}
#cnt.movie_info .expert_area h2 {}
#cnt.movie_info .expert_area .snsbtn_area {position:absolute; right:20px; top:0px}
#cnt.movie_info .expert_area .snsbtn_area .snsbtn {overflow:hidden;}
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li {float:left; width:36px; margin-left:5px; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a {padding:0; display:block; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a .ico {background:url('http://image.cine21.com/m2/sns.png') no-repeat 0 0;  background-size:300px 200px; width:34px; height:34px; display:inline-block; margin:0}
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a.btn_facebook .ico {background-position: 0 0 !important; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a.btn_twitter .ico {background-position: -50px 0px !important; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a.btn_kakaotalk .ico {background-position: -100px 0px !important; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a.btn_url .ico {background-position: -150px 0px !important; }
#cnt.movie_info .expert_area .snsbtn_area .snsbtn li a {border:0}
#cnt.movie_info .review_area {padding:0 20px 20px 38px}
#cnt.movie_info .review_area li {position:relative; border:1px solid #d0d5e5; padding:12px 20px; border-radius:15px; margin-bottom:15px;}
#cnt.movie_info .review_area li .ico {position:absolute; left:-18px; top:15px; background:url('http://image.cine21.com/m2/speech_ico.png') no-repeat 0 0;  background-size:18px 16px; width:18px; height:16px; display:block}
#cnt.movie_info .review_area .id_area {margin-bottom:5px}
#cnt.movie_info .review_area .id_area .name {font-size:0.9em; font-weight:bold; color:#000; display:inline-block; vertical-align:middle}
#cnt.movie_info .review_area .id_area .star {display:inline-block; background:url('http://image.cine21.com/m2/star.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px; vertical-align:middle}
#cnt.movie_info .review_area .id_area .star .star_on {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px;}
#cnt.movie_info .review_area .review {font-size:16px; line-height:150%}
#cnt.movie_info .netizen_area {border-bottom: 10px solid #e6e9f3; margin-bottom:30px; }
#cnt.movie_info .netizen_area h2 {}
#cnt.movie_info .netizen_area .pc_notice {font-size:0.85em; color:#000; padding:8px 10px ;  border-radius:6px; box-shadow:1px 1px 5px #d1d1d1 inset; margin:0 20px 15px}
#cnt.movie_info .netizen_area .pc_notice span.star {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:16px; height:16px; display:inline-block; margin-bottom:-1px}
#cnt.movie_info .netizen_area .review_area .review div {font-size:16px;}
#cnt.movie_info .netizen_area .review_area .review .more {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.5em;
height: 4.5em;
}
#cnt.movie_info .netizen_area .review_area .review .btn_total {font-weight:bold; font-size:16px; text-decoration:underline}
#cnt.movie_info .staff_area {padding:0 20px 30px}
#cnt.movie_info .staff_area h2 {margin-left:0}
#cnt.movie_info .staff_area h3 {margin-bottom:10px; padding-left:0; padding-top:0 }
#cnt.movie_info .staff_area .staff {overflow:hidden; margin-bottom:20px; }
#cnt.movie_info .staff_area .staff li {position:relative; float:left; width:50%;}
#cnt.movie_info .staff_area .staff li a {display:block; height:108px; padding-left:95px; padding-right:20px; }
#cnt.movie_info .staff_area .staff li a .thub {position:absolute; left:0; top:0}
#cnt.movie_info .staff_area .staff li a .thub img {width:80px; height:98px;}
#cnt.movie_info .staff_area .staff li a .name {font-weight:600; }
#cnt.movie_info .staff_area .staff li a .role {font-size:0.85em; color:#888; margin-top:5px;}
#cnt.movie_info .staff_area .etc_staff {}
#cnt.movie_info .staff_area .etc_staff li {margin-bottom:5px}
#cnt.movie_info .staff_area .etc_staff li a {display:block; font-size:0.9em}
#cnt.movie_info .staff_area .etc_staff li a .role {display:inline-block; margin-right:10px; color:#888; font-weight:600; }
#cnt.movie_info .photo_area {margin-bottom:40px;}
#cnt.movie_info .photo_area h2 {}
#cnt.movie_info .photo_area .photo {overflow:hidden; padding:0 10px 5px 20px; }
#cnt.movie_info .photo_area .photo li {float:left; width:33.33%;  margin-bottom:15px;}
#cnt.movie_info .photo_area .photo li a {display:block; margin-right:10px}
#cnt.movie_info .photo_area .photo li a img {width:100%;}
#cnt.movie_info .video_area {margin-bottom:25px;border-bottom: 10px solid #e6e9f3; }
#cnt.movie_info .video_area h2 {}
#cnt.movie_info .video_area ul.video {margin-bottom:10px; }
#cnt.movie_info .video_area ul.video li {}
#cnt.movie_info .video_area ul.video li a {display:block; position:relative; height:100px; padding-top:25px; margin-right:20px}
#cnt.movie_info .video_area ul.video li a .thub {position:absolute; left:20px; top:0px; }
#cnt.movie_info .video_area ul.video li a .thub img {width:150px; height:113px; }
#cnt.movie_info .video_area ul.video li a .tit  {font-size:0.95em; margin-left:190px; letter-spacing:-0.05em; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.5em;
height: 3.0em;
}
#cnt.movie_info .video_area ul.video li.top {}
#cnt.movie_info .video_area ul.video li.top a {height:auto; padding:0; margin:0 20px;}
#cnt.movie_info .video_area ul.video li.top a .thub {position:static; margin-bottom:10px; }
#cnt.movie_info .video_area ul.video li.top a .thub img {width:100%; height:auto;}
#cnt.movie_info .video_area ul.video li.top a .tit  {letter-spacing:-0.05em; margin:0; }
#cnt.movie_info .related_news {margin-bottom:40px;}
#cnt.movie_info .related_news h2 {}
#cnt.movie_info .related_news .lst_limgrtx {margin-bottom:10px; }
#cnt.movie_info .related_news.lst_limgrtx_area ul.lst_limgrtx li a {padding-top:0; height:105px}
#cnt.movie_info .related_movie_area {margin-bottom:40px; }
#cnt.movie_info .related_movie_area h2 {}
#cnt.movie_info .related_movie_area .related_movie {overflow:hidden; padding:0 10px 5px 20px; }
#cnt.movie_info .related_movie_area .related_movie li {float:left; width:33.33%; margin-bottom:15px;}
#cnt.movie_info .related_movie_area .related_movie li a {display:block; margin-right:10px}
#cnt.movie_info .related_movie_area .related_movie li img {width:100%; }

/* 영화상세 > 사진 목록 */
#cnt.movie_info_photo_list {border-top:1px solid #e6e9f3; }
#cnt.movie_info_photo_list .name {margin:10px 20px; text-align:center; font-weight:bold; font-size:1.3em; margin-bottom:20px}
#cnt.movie_info_photo_list .name .year {font-weight:normal ;font-size:0.8em; letter-spacing:0}
#cnt.movie_info_photo_list .count {font-size:0.85em; font-weight:normal}
#cnt.movie_info_photo_list .stillcut_area {margin-bottom:40px;border-bottom: 10px solid #e6e9f3;}
#cnt.movie_info_photo_list .stillcut_area h2 {padding:0 0 10px 20px; }
#cnt.movie_info_photo_list .stillcut_area .stillcut {overflow:hidden; padding:0 10px 5px 20px; }
#cnt.movie_info_photo_list .stillcut_area .stillcut li {float:left; width:50%;  margin-bottom:15px;}
#cnt.movie_info_photo_list .stillcut_area .stillcut li a {display:block; margin-right:10px}
#cnt.movie_info_photo_list .stillcut_area .stillcut li a img {width:100%;}
#cnt.movie_info_photo_list .poster_area {margin-bottom:40px;}
#cnt.movie_info_photo_list .poster_area h2 {padding:0 0 10px 20px; }
#cnt.movie_info_photo_list .poster_area .poster {overflow:hidden; padding:0 10px 5px 20px; }
#cnt.movie_info_photo_list .poster_area .poster li {float:left; width:33.33%;  margin-bottom:15px;}
#cnt.movie_info_photo_list .poster_area .poster li a {display:block; margin-right:10px}
#cnt.movie_info_photo_list .poster_area .poster li a img {width:100%;}

/* 영화인 */
#cnt.movie_person {border-top:1px solid #e6e9f3; padding:0 20px}
#cnt.movie_person .ad_area {margin-bottom:30px}
#cnt.movie_person h2 {padding:20px 0 10px; }
#cnt.movie_person .new_person_area {margin-bottom:30px}
#cnt.movie_person .new_person_area .new_person {width:300px}
#cnt.movie_person .new_person_area .new_person a { display:block; }
#cnt.movie_person .new_person_area .new_person a .thub_big {border-radius:15px; width:230px; height:283px; margin-bottom:15px;  box-shadow:3px 3px 7px 0px rgba(0,0,0,0.3);}
#cnt.movie_person .new_person_area .new_person .profile {position:relative; padding-left:90px; min-height:70px;}
#cnt.movie_person .new_person_area .new_person .profile a {display:block; }
#cnt.movie_person .new_person_area .new_person .profile a .thub_small {position:absolute; left:0; right:0; border-radius:50%; display:block; width:70px; height:70px;}
#cnt.movie_person .new_person_area .new_person .profile a .name {font-size:1.2em; font-weight:bold; padding-top:10px;}
#cnt.movie_person .new_person_area .new_person .profile a .en_name {font-size:0.9em; color:#888}
#cnt.movie_person .select_area {text-align:right; margin-bottom:15px;}
#cnt.movie_person .person_list {overflow:hidden; }
#cnt.movie_person .person_list li {float:left; width:33.33%; margin-bottom:20px;}
#cnt.movie_person .person_list li a {display:block; margin-right:15px;}
#cnt.movie_person .person_list li .thub {width:100%; display:block; margin-bottom:10px}
#cnt.movie_person .person_list li .name {font-weight:bold; }
#cnt.movie_person .person_list li .role {font-size:0.85em; color:#888}
#cnt.movie_person .pagination {margin-bottom:30px;}

/* 영화인 상세 */
#cnt.person_info {}
#cnt.person_info .ad_area {margin-bottom:30px}
#cnt.person .main_info {background:#404245; position:relative; height:185px; padding-left: 170px; margin-bottom:20px}
#cnt.person .main_info .person_pic {display:block; position:absolute; left:0; top:0; width:150px; height:185px;}
#cnt.person .main_info .name_area {padding-top:50px}
#cnt.person .main_info .name_area .name {font-size:1.2em; font-weight:bold; color:#fff; letter-spacing:-0.05em;}
#cnt.person .main_info .name_area .en {font-weight:normal; letter-spacing:0; font-size:0.8em; color:#ccc}
#cnt.person .main_info .name_area .job {padding-top:5px; font-weight:normal; letter-spacing:0; font-size:0.8em; color:#ccc }
#cnt.person .main_info .name_area .job .mainjob {}
#cnt.person .main_info .name_area .job .subjob {}
#cnt.person .etc_info {padding:0 20px}
#cnt.person .etc_info li {font-size:0.9em; padding-left:80px; position:relative; padding-bottom:8px; word-wrap:break-word; word-break:break-all }
#cnt.person .etc_info li a {font-size:0.9em; }
#cnt.person .etc_info li .title {position:absolute; left:0; top:0; font-size:0.9em; font-weight:bold; color:#666; }
#cnt.person .related {padding:0 5px 15px 20px; margin-bottom:20px;border-bottom: 2px solid #e6e9f3; }
#cnt.person .related .title {font-size:0.9em; font-weight:bold; color:#666; margin-bottom:10px}
#cnt.person .related ul {overflow:hidden; }
#cnt.person .related ul li {float:left; width:25%; }
#cnt.person .related ul li a {display:block; margin:0 15px 15px 0;}
#cnt.person .related ul li a .thub {display:block; width:80%; border-radius:50%; margin:0 auto 5px}
#cnt.person .related ul li a .name {font-size:0.9em; font-weight:bold; text-align:center;}
#cnt.person .related ul li a .line {font-size:0.75em; color:#888; text-align:center;}
#cnt.person_info .filmo_area {margin-bottom:23px; }
#cnt.person_info .filmo_area h2 {padding:0 20px 17px; position:relative}
#cnt.person_info .filmo_area h2 .btn_go_more {position:absolute; right:20px; top:5px; font-size:0.8em; color:#333; font-weight:normal;}
#cnt.person_info .filmo_area h2 .btn_go_more .ico {background: url('http://image.cine21.com/m2/img_cont.png') no-repeat 0 0; background-size:300px 200px; background-position: -90px -130px; display: inline-block; height: 15px; width: 15px; margin: 0 0 5px 5px;}
#cnt.person_info .filmo_area .filmo {overflow:hidden; padding:0 10px 0 20px; }
#cnt.person_info .filmo_area .filmo li {float:left; width:33.33%;}
#cnt.person_info .filmo_area .filmo li a {display:block; margin-right:10px}
#cnt.person_info .filmo_area .filmo li img {width:100%; }
#cnt.person_info .photo_area {margin-bottom:15px; }
#cnt.person_info .photo_area h2 {padding:0 20px 17px; position:relative}
#cnt.person_info .photo_area h2 .btn_go_more {position:absolute; right:20px; top:5px; font-size:0.8em; color:#333; font-weight:normal;}
#cnt.person_info .photo_area h2 .btn_go_more .ico {background: url('http://image.cine21.com/m2/img_cont.png') no-repeat 0 0; background-size:300px 200px; background-position: -90px -130px; display: inline-block; height: 15px; width: 15px; margin: 0 0 5px 5px;}
#cnt.person_info .photo_area .photo {overflow:hidden; padding:0 10px 0 20px; }
#cnt.person_info .photo_area .photo li {float:left; width:33.33%; }
#cnt.person_info .photo_area .photo li a {display:block; margin-right:10px}
#cnt.person_info .photo_area .photo li a img {width:100%;}
#cnt.person .add_info_area {margin-bottom:20px ;border-top: 2px solid #e6e9f3; padding-top:20px}
#cnt.person .add_info_area h2 {padding:0 20px 20px; }
#cnt.person .add_info_area .add_info {padding:0 20px}
#cnt.person .add_info_area .add_info li {font-size:0.9em; padding-left:80px; position:relative; padding-bottom:8px; word-wrap:break-word; word-break:break-all }
#cnt.person .add_info_area .add_info li a {font-size:0.9em; }
#cnt.person .add_info_area .add_info li .title {position:absolute; left:0; top:0; font-size:0.9em; font-weight:bold; color:#666; }
#cnt.person_info .bio_area {padding:0 20px 30px; border-bottom: 2px solid #e6e9f3; margin-bottom:20px; }
#cnt.person_info .bio_area .btn_note {display:inline-block; color:#fff ; font-weight:bold; font-size:0.8em; background:#a6a8af; padding:5px 10px; border-radius: 6px 6px 0 0; letter-spacing:-0.07em}
#cnt.person_info .bio_area .btn_note .ico {background-position:-150px -26px !important; display:inline-block; vertical-align:middle; width:18px; height:15px }
#cnt.person_info .bio_area .bio {background:#f2f4f9; font-size:0.9em; line-height:150%; padding:20px}
#cnt.person_info .award_area {padding:0 20px 30px; border-bottom: 2px solid #e6e9f3; margin-bottom:20px; }
#cnt.person_info .award_area h2 {padding:0 20px 10px 0}
#cnt.person_info .award_area h2 .ico { background:url('http://image.cine21.com/m2/ico_award.png') no-repeat 0 0 ; background-size:20px 30px; width:20px; height:30px; display:inline-block; margin-right:3px}
#cnt.person_info .award_area .award {margin-bottom:15px}
#cnt.person_info .award_area .award li {border-top:1px solid #e6e9f3; }
#cnt.person_info .award_area .award li a {display:block; padding:8px 0 8px 8px; font-size:0.9em; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 18px ; background-size:3px 3px; }
#cnt.person_info .award_area .btn_more {margin: 0 }
#cnt.person_info .related_news {}
#cnt.person_info .related_news h2 {padding:0 20px 17px; }
#cnt.person_info .related_news .lst_limgrtx {margin-bottom:15px}
#cnt.person_info .related_news.lst_limgrtx_area ul.lst_limgrtx li a {height:105px; padding-top:0}

/* 영화인 상세 > 필모그래피 */
#cnt.person_info_filmo .filmo_list_area {margin:0 20px 15px;}
#cnt.person_info_filmo .filmo_list_area h2 {padding:10px 0 20px; }
#cnt.person_info_filmo .filmo_list_area .filmo_list {overflow:hidden;}
#cnt.person_info_filmo .filmo_list_area .filmo_list li {position:relative; margin-bottom:15px; }
#cnt.person_info_filmo .filmo_list_area .filmo_list li a {display:block; padding:0 0 0 120px; height:145px}
#cnt.person_info_filmo .filmo_list_area .filmo_list li a .poster {position:absolute; display:block; left:0; top:0; width:100px; height:143px}
#cnt.person_info_filmo .filmo_list_area .filmo_list li a .title {font-size:0.9em; font-weight:bold; margin-bottom:5px}
#cnt.person_info_filmo .filmo_list_area .filmo_list li a .year {font-size:0.9em; font-weight:normal; color:#888; margin-bottom:15px}
#cnt.person_info_filmo .filmo_list_area .filmo_list li a .role {font-size:0.8em; color:#666}
#cnt.person_info_filmo .filmo_list_area .btn_more {margin: 0;}

/* 영화인 상세 > 사진 */
#cnt.person_info_photo .photo_list_area {margin:0 10px 15px;}
#cnt.person_info_photo .photo_list_area h2 {padding:10px 0 20px; }
#cnt.person_info_photo .photo_list_area .photo_list {overflow:hidden;}
#cnt.person_info_photo .photo_list_area .photo_list li {margin-bottom:15px; float:left; width:25%;}
#cnt.person_info_photo .photo_list_area .photo_list li a {display:block; padding-right:10px}
#cnt.person_info_photo .photo_list_area .photo_list li a img {display:block; width:100%; }
#cnt.person_info_photo .photo_list_area .btn_more {margin: 0;}

/* 사진 자세히 보기 */
#cnt.photo_view {position:relative; background:#1d1d1d;}
#cnt.photo_view .name {padding:10px 0; font-size:1.3em; font-weight:bold; color:#fff; text-align:center; margin:0 60px;}
#cnt.photo_view .btn_close {background:url('http://image.cine21.com/m2/img_gnb02.png') no-repeat 0 0 ; background-size:300px 200px; position:absolute; top:3px; right:10px;display:block; background-position:-78px -55px; width:46px; height:46px;}
#cnt.photo_view .btn_info {position:absolute; top:8px; left:10px; display:block; font-size:0.85em; font-weight:bold; padding:5px 10px; border:1px solid #ccc; background:#333; text-align:center; color:#ccc}
#cnt.photo_view .photo_big_area {}
#cnt.photo_view .photo_big_area .photo_big {position:relative; }
#cnt.photo_view .photo_big_area .photo_big img {width:100%}
#cnt.photo_view .photo_big_area .btn_prev {position:absolute; left:0; top:50%; margin-top:-20px}
#cnt.photo_view .photo_big_area .btn_prev .ico {display:block; background-position:-193px -10px; width:40px; height:40px;}
#cnt.photo_view .photo_big_area .btn_next {position:absolute; right:0; top:50%; margin-top:-20px}
#cnt.photo_view .photo_big_area .btn_next .ico {display:block; background-position:-242px -10px; width:40px; height:40px;}
#cnt.photo_view .photo_big_area .photo_caption {font-size:0.9em; padding:7px 20px; color:#e6e9f3; }
#cnt.photo_view .photo_big_area .photo_paging {color:#e6e9f3; font-size:1.1em; text-align:center; padding-top:12px}

/* 20자평 & 별점 > 최신 20자평 */
#cnt.point {border-top:1px solid #e6e9f3; }
#cnt.recent20 ul.snb1 {margin-bottom:30px}
#cnt.recent20 .recent20_list {overflow:hidden; margin-left:20px; margin-bottom:15px}
#cnt.recent20 .recent20_list li {float:left; width:50%; margin-bottom:25px; position:relative; }
#cnt.recent20 .recent20_list li a {display:block; margin-right:20px}
#cnt.recent20 .recent20_list li a .rank {position:absolute; left:8px; top:0; color:#fff; font-weight:bold; font-size:3em; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); }
#cnt.recent20 .recent20_list li a .poster {position:relative; }
#cnt.recent20 .recent20_list li a .poster img {width:100%; margin-bottom:20px; border-radius:15px; ; box-shadow:3px 3px 7px 0px rgba(0,0,0,0.3);}
#cnt.recent20 .recent20_list li a .poster .star_count {position:absolute; left:0; top:13px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:0.8em; text-align:center; width:50px; padding:5px 0; border-top-right-radius:8px; border-bottom-right-radius:8px;}
#cnt.recent20 .recent20_list li a .movie_name {font-size:0.9em; font-weight:bold; color:#000; margin-bottom: 12px;}
#cnt.recent20 .recent20_list li a .recent_star {height:70px;}
#cnt.recent20 .recent20_list .star_area {font-size:0.85em; color:#888}
#cnt.recent20 .recent20_list .star_area .star {display:inline-block; background:url('http://image.cine21.com/m2/star.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px; vertical-align:middle}
#cnt.recent20 .recent20_list .star_area .star .star_on {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px;}
#cnt.recent20 .recent20_list .star_area .num {color:#000; }
#cnt.recent20 .recent20_list .star_area span {vertical-align:middle}
#cnt.recent20 .recent20_list li.mid_ad {width:100%; }

/* 20자평 & 별점 > 테마별 */
#cnt.theme {}
#cnt.theme ul.snb1 {margin-bottom:40px;}
#cnt.theme .ad_area {margin-bottom:30px;}
#cnt.theme .theme_list {margin-bottom:40px;margin-left:20px; }
#cnt.theme .theme_list .title {position:relative; margin:0 20px 20px 0; padding:0 110px 0 10px; border-left:3px solid #dc2515; font-size:1em; display:block; font-weight:600; color:#000;  letter-spacing:-0.05em}
#cnt.theme .theme_list .title .btn_go_total {position:absolute; bottom:-5px; right:0; background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:100px; font-size:0.85em; border-radius:20px; padding:7px 0; }
#cnt.theme .theme_list ul {overflow:hidden; margin-bottom:20px;}
#cnt.theme .theme_list ul li {float:left; width:33.33%}
#cnt.theme .theme_list ul li a {display:block; padding-right:20px; }
#cnt.theme .theme_list ul li a .poster {display:block; width:100%; margin-bottom:10px; }
#cnt.theme .theme_list ul li a .movie_title {letter-spacing:-0.05em; font-size:0.85em; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/* 20자평 & 별점 > 테마별 > 상세보기 */
#cnt.point_theme_view {padding-top:10px}
#cnt.point_theme_view .title_area { border-radius:15px; background: linear-gradient(to right, #ef723a, #f02559) ; padding:8px; margin:0 20px 10px; }
#cnt.point_theme_view .title_area .title  {border-radius:8px;  font-size:1.1em; display:block; font-weight:600; color:#fff;  letter-spacing:-0.05em; padding:10px 15px; border-bottom:1px dashed rgba(255,255,255,0.5)}
#cnt.point_theme_view .title_area .rule {line-height:150%; font-size:0.8em; color:#fff; padding:10px 15px; letter-spacing:-0.05em; min-height:22px}
#cnt.point_theme_view .snsbtn_area {text-align:right ; overflow:hidden; padding-right:20px; margin-bottom:20px; }
#cnt.point_theme_view .snsbtn_area .snsbtn {overflow:hidden; float:right}
#cnt.point_theme_view .snsbtn_area .snsbtn li {float:left; width:36px; margin-left:5px; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a {padding:0; display:block; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a .ico {background:url('http://image.cine21.com/m2/sns.png') no-repeat 0 0;  background-size:300px 200px; width:34px; height:34px; display:inline-block; margin:0}
#cnt.point_theme_view .snsbtn_area .snsbtn li a.btn_facebook .ico {background-position: 0 0 !important; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a.btn_twitter .ico {background-position: -50px 0px !important; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a.btn_kakaotalk .ico {background-position: -100px 0px !important; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a.btn_url .ico {background-position: -150px 0px !important; }
#cnt.point_theme_view .snsbtn_area .snsbtn li a {border:0}
#cnt.point_theme_view .point_list_area {margin:0 20px 15px;}
#cnt.point_theme_view .point_list_area .point_list {overflow:hidden;}
#cnt.point_theme_view .point_list_area .point_list li {position:relative; margin-bottom:15px; }
#cnt.point_theme_view .point_list_area .point_list li a {display:block; padding:0 0 0 120px; height:145px}
#cnt.point_theme_view .point_list_area .point_list li a .poster {position:absolute; display:block; left:0; top:0; width:100px; height:143px}
#cnt.point_theme_view .point_list_area .point_list li a .movie_title {font-size:0.95em; font-weight:bold; margin-bottom:15px}
#cnt.point_theme_view .point_list_area .point_list li a .year {font-size:0.9em; font-weight:normal; color:#888; }
#cnt.point_theme_view .point_list_area .point_list li a .star_area {}
#cnt.point_theme_view .point_list_area .point_list li a .name {font-weight:bold; font-size:0.85em;}
#cnt.point_theme_view .point_list_area .point_list li a .name .count {font-size:0.9em; color:#888; font-weight:normal ; vertical-align:middle; }
#cnt.point_theme_view .point_list_area .point_list li a .star_area .star {display:inline-block; background:url('http://image.cine21.com/m2/star.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px; vertical-align:middle}
#cnt.point_theme_view .point_list_area .point_list li a .star_area .star .star_on {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px;}
#cnt.point_theme_view .point_list_area .point_list li a .star_area .num {color:#000; font-size:0.85em}
#cnt.point_theme_view .point_list_area .point_list li a .star_area span {vertical-align:middle}
#cnt.point_theme_view .point_list_area .btn_more {margin: 0;}

/* 20자평 & 별점 > 전문가별 */
#cnt.expert ul.snb1 {margin-bottom:20px}
#cnt.expert .select_area {text-align:center; padding-right:20px; margin-bottom:15px;  }
#cnt.expert .expert_list {margin:0 auto 20px; overflow:hidden; width:320px; }
#cnt.expert .expert_list li {float:left ; width:50%}
#cnt.expert .expert_list li a {font-weight:bold; font-size:1em; color:#000; letter-spacing:-0.05em; padding:6px 0 6px 20px; display:block }
#cnt.expert .expert_list li a .job {font-size:0.7em; color:#888; font-weight:normal;}

/* 20자평 & 별점 > 전문가별 > 상세보기 */
#cnt.point_cine21_view {padding-top:10px;}
#cnt.point_cine21_view .title_area {border-radius:15px; background: linear-gradient(to right, #ef723a, #f02559) ; padding:8px; margin:0 20px 10px; }
#cnt.point_cine21_view .title_area .expert_name  {border-radius:8px; text-align:center;  font-size:1.2em; display:block; font-weight:600; color:#fff;  letter-spacing:-0.05em;  padding:10px 15px}
#cnt.point_cine21_view .title_area .expert_name .ico { background:url('http://image.cine21.com/m2/ico_expertstar.png') no-repeat 0 0 ; background-size:45px 30px; width:45px; height:30px; display:inline-block; margin-right:3px; vertical-align:middle}
#cnt.point_cine21_view .title_area .job {display:inline-block; font-size:0.6em; color:rgba(255,255,255,0.7); padding-left:10px; letter-spacing:-0.05em; font-weight:normal; }
#cnt.point_cine21_view .snb1 {margin-bottom:30px}
#cnt.point_cine21_view .snb1 li a {padding: 10px 20px 12px;}
#cnt.point_cine21_view .snb1 li.on a {padding-bottom:9px;} 
#cnt.point_cine21_view .point_list_area {margin:0 20px 15px;}
#cnt.point_cine21_view .point_list_area .point_list {overflow:hidden;}
#cnt.point_cine21_view .point_list_area .point_list li {position:relative; margin-bottom:15px; }
#cnt.point_cine21_view .point_list_area .point_list li a {display:block; padding:0 0 0 120px; height:145px}
#cnt.point_cine21_view .point_list_area .point_list li a .poster {position:absolute; display:block; left:0; top:0; width:100px; height:143px}
#cnt.point_cine21_view .point_list_area .point_list li a .movie_title {font-size:0.95em; font-weight:bold; margin-bottom:10px}
#cnt.point_cine21_view .point_list_area .point_list li a .year {font-size:0.9em; font-weight:normal; color:#888; }
#cnt.point_cine21_view .point_list_area .point_list li a .star_area {margin-bottom:5px}
#cnt.point_cine21_view .point_list_area .point_list li a .star_area .star {display:inline-block; background:url('http://image.cine21.com/m2/star.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px; vertical-align:middle}
#cnt.point_cine21_view .point_list_area .point_list li a .star_area .star .star_on {background:url('http://image.cine21.com/m2/star_on.png') no-repeat 0 0;  background-size:80px 16px; width:80px; height:16px;}
#cnt.point_cine21_view .point_list_area .point_list li a .star_area .num {color:#000; font-size:0.85em}
#cnt.point_cine21_view .point_list_area .point_list li a .star_area span {vertical-align:middle}
#cnt.point_cine21_view .point_list_area .point_list li a .review {font-size:0.9em; letter-spacing:-0.05em}
#cnt.point_cine21_view .point_list_area .btn_more {margin: 0;}

/* 리쿠르트 목록 */
#cnt.recruit_list {border-top:1px solid #e6e9f3; }
#cnt.recruit_list .notice {margin:0 20px 30px; }
#cnt.recruit_list .notice li {font-size:0.8em; color:#777; padding:2px 0 2px 7px ; line-height:150%; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 14px ; background-size:3px 3px;}
#cnt.recruit_list .ad_area {margin-bottom:30px;}
#cnt.recruit_list .tab {margin:0 20px}
#cnt.recruit_list .tab li {float:left; }
#cnt.recruit_list .tab li a {font-size:0.9em; padding:5px 12px; display:block}
#cnt.recruit_list .tab li.on {margin-top:-10px}
#cnt.recruit_list .tab li.on a {font-weight:bold; padding:10px 12px; }
#cnt.recruit_list .total {background:#e6e9f3}
#cnt.recruit_list .rec {background:#bbe9ad}
#cnt.recruit_list .compt {background:#fbf2a2}
#cnt.recruit_list .edu {background:#c3e3f2}
#cnt.recruit_list .etc {background:#f7d2b1}
#cnt.recruit_list .not {background:#dc2515; color:#fff}
#cnt.recruit_list .recruit {clear:both; margin:0 20px 25px}
#cnt.recruit_list .recruit li {border-top:1px solid #e6e9f3;}
#cnt.recruit_list .recruit li:first-child {border-top:1px solid #888}
#cnt.recruit_list .recruit li a {display:block; padding:20px 0}
#cnt.recruit_list .recruit li .top {margin-bottom:5px; }
#cnt.recruit_list .recruit li .top .sort {display:inline-block; padding:3px 5px; vertical-align:middle; margin-right:5px; font-size:0.85em}
#cnt.recruit_list .recruit li .top .company {font-size:0.9em; font-weight:bold; letter-spacing:-0.05em}
#cnt.recruit_list .recruit li .cont {margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;letter-spacing:-0.03em}
#cnt.recruit_list .recruit li .by {font-size:0.8em; color:#888; }

/* 리쿠르트 상세 */
#cnt.recruit_view {border-top:1px solid #e6e9f3; }
#cnt.recruit_view .title_area {position: relative; border-bottom: 1px dashed #e6e9f3; margin: 7px 0 30px; padding: 20px;}
#cnt.recruit_view .title_area .title {font-size: 1.4em; margin-bottom: 12px; letter-spacing: -0.05em; color: #000; font-weight: 500; line-height: 140%;}
#cnt.recruit_view .title_area .by {font-size: 0.7em; margin-top: 4px; padding-right: 180px; color: #9b9c9f; }
#cnt.recruit_view .title_area .btn_go_list {font-size:0.9em; font-weight:bold; padding:5px 10px; border:1px solid #ccc; display:block; position:absolute; bottom:10px; right:20px;}
#cnt.recruit_view .ad_area {margin-bottom:30px;}
#cnt.recruit_view .cont {padding:0 20px 30px; font-size: 1em; letter-spacing: -0.02em; line-height: 180%;}
#cnt.recruit_view h2 {border-top: 10px solid #e6e9f3; padding-top:30px;}
#cnt.recruit_view h2 strong {color:#dc2515}
#cnt.recruit_view .other {margin:0 20px 30px;}
#cnt.recruit_view .other li {border-top:1px solid #e6e9f3; }
#cnt.recruit_view .other li a {display:block; padding:8px 0 8px 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:0.9em; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 18px ; background-size:3px 3px; }
#cnt.recruit_view .btn_go_list_b {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:200px; font-size:1.2em; margin:0 auto 10px; border-radius:10px; padding:7px 0;}

/* 키워드 검색결과  */
#cnt.keyword_search_result {padding-bottom:0}
#cnt.keyword_search_result .keyword {text-align:center; margin:3px 0 20px}
#cnt.keyword_search_result .lst_mov_area .keyword {text-align:left; padding-top:5px}
#cnt.keyword_search_result .lst_mov_area .keyword a {margin-right:5px}

/* 기사태그 검색결과  */
#cnt.newstag_search_result {}
#cnt.newstag_search_result .keyword {text-align:center; margin:3px 0 20px}

/* 비디오 */
#cnt.video {position:relative;}
#cnt.video h2 {margin-bottom:10px}
#cnt.video .bts_white {position:absolute; top:10px; right:20px}

/* 기사 > 상세보기 */
#cnt.news_view {padding-bottom:0; background:#fff}
#cnt.news_view .newstit_area {position:relative; border-top:1px solid #e6e9f3; border-bottom:1px dashed #e6e9f3; margin:7px 0 30px; padding:20px; }
#cnt.news_view .newstit_area .newstit_back {}
#cnt.news_view .newstit_area .news_cate {color:#dc2515; font-size:0.8em; margin-bottom:5px}
#cnt.news_view .newstit_area .news_tit {font-size:1.4em;  margin-bottom:12px; letter-spacing:-0.05em; color:#000; font-weight:500; line-height:140%}
#cnt.news_view .newstit_area .news_date { font-size:0.7em; color:#9b9c9f}
#cnt.news_view .newstit_area .news_by {font-size:0.7em; margin-top:4px; padding-right:180px; color:#9b9c9f}
#cnt.news_view .newstit_area .snsbtn_area {position:absolute; right:20px; bottom:20px}
#cnt.news_view .newstit_area .snsbtn_area .snsbtn {overflow:hidden;}
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li {float:left; width:36px; margin-left:5px; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a {padding:0; display:block; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a .ico {background:url('http://image.cine21.com/m2/sns.png') no-repeat 0 0;  background-size:300px 200px; width:34px; height:34px; display:inline-block; margin:0}
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a.btn_facebook .ico {background-position: 0 0 !important; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a.btn_twitter .ico {background-position: -50px 0px !important; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a.btn_kakaotalk .ico {background-position: -100px 0px !important; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a.btn_url .ico {background-position: -150px 0px !important; }
#cnt.news_view .newstit_area .snsbtn_area .snsbtn li a {border:0}
#cnt.news_view .article_area {background:#fff;}
#cnt.news_view .article_area .title {margin:0 20px; padding-left:10px; border-left:3px solid #dc2515; font-size:1.15em; display:block; font-weight:600; color:#000; margin-bottom:15px; letter-spacing:-0.05em}
#cnt.news_view .article_area h3 {font-size:1.1em; padding:0; letter-spacing:-0.03em}
#cnt.news_view .article_area b  {font-size:1em; color:#333}
#cnt.news_view .article_area .img_area {width:100%; text-align:center; margin-bottom:15px}
#cnt.news_view .article_area .img_area .img {display:inline-block ; }
#cnt.news_view .article_area .img_area .img img {width:100%; max-width:600px}
#cnt.news_view .article_area .img_area .img_caption {background:#e6e9f3; font-size:13px; color:#666; text-align:left; padding:5px 20px;}
#cnt.news_view .article_area p, #cnt.news_view .article_area #news_content {line-height:180%; font-size:1em; letter-spacing:-0.02em; word-break:break-all; word-wrap: break-word;}
#cnt.news_view .article_area p, #cnt.news_view .article_area h3/*, #cnt.news_view .article_area b */ {margin:15px 20px; display:block; line-height:170%;}
#cnt.news_view .article_area p b {margin:15px 0} 
#cnt.news_view .article_area #banner_in_cont {margin:20px 0}
#cnt.news_view .etc_credit {font-size:14px; font-weight:bold; color:#666; margin:15px 0; border-top:1px dashed #e1e2e5; border-bottom:2px solid #e6e9f3; padding:10px 20px}
#cnt.news_view .tag_area {background:#fff; padding-bottom:15px}
#cnt.news_view .tag_area .keyword {margin:0 20px}
#cnt.news_view .sponsor_area {background:#fff; padding-bottom:15px}
#cnt.news_view .sponsor_area .sponsor {margin:0 20px}
.continuenews_area {border:1px solid #e1e2e5; margin:0 20px 20px}
.continuenews_area h3 {font-size:0.9em !important;  font-weight:500; background:#f2f4f9; padding:5px 15px !important;  margin:0 !important;}
.continuenews_area .continuenews {padding:8px 15px;}
.continuenews_area .continuenews li {border-bottom:1px dashed #e1e2e5; padding:5px 0}
.continuenews_area .continuenews li:last-child {border:none}
.continuenews_area .continuenews li a {display:block; font-size:0.85em; color:#333; font-weight:normal; line-height:150%; }
.continuenews_area .continuenews li a.on {color:#dc2515; font-weight:500;}
#cnt.news_view h3 {font-size:0.9em; font-weight:600; letter-spacing:-0.07em}
#cnt.news_view .related_movie, #cnt.news_view .related_person {padding:0 20px; }
 #cnt.news_view .related_person {margin-bottom:30px; }
#cnt.news_view .related_movie a, #cnt.news_view .related_person a {font-weight:300; margin:0 0 8px 0; font-size:0.87em; border:1px solid #e1e2e5; border-radius:20px; padding:8px 20px; display:inline-block}
#cnt.news_view .related_news_area {background:#fff; }
#cnt.news_view .related_news_area .related_news {border-bottom:1px solid #d3d3d3; }
#cnt.news_view .related_news_area .related_news li {border-top:1px solid #d3d3d3; position:relative;}
#cnt.news_view .related_news_area .related_news li a {padding:8px 20px; color:#666; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#cnt.news_view .hanad_area {background:#fff; text-align:center }
#cnt.news_view .hanad_area img {width:100%; max-width:500px;}
#cnt.news_view .lst_card_area {padding:15px 0 30px}
#cnt.news_view .news_recentnews_area {margin:20px ; padding-top:10px; }
#cnt.news_view .news_recentnews_area h3 {font-size:1.1em; letter-spacing:-0.07em; margin-bottom:10px;  padding-left:0}
#cnt.news_view .news_recentnews_area .btn_more {margin:0 0 40px !important}
#cnt.news_view .topline {border-top: 10px solid #e6e9f3; padding-top:10px;}

#cnt.news_view .article_area #news_content.hotissue {padding:0 20px }

/* 기사 상세보기 핫이슈 */
#cnt.news_view.hotissue .article_area {padding:0 20px}

/* 인기기사 */
#cnt.news_hot {background:#fff; }

/* 매거진 씨네21 */
#cnt.mg_cine21 {}
#cnt.mg_cine21 h2 {padding:0; margin-bottom:10px; margin-left:20px}
#cnt.mg_cine21 .top {margin-bottom:30px;}
#cnt.mg_cine21 .top img {width:100%}
#cnt.mg_cine21 .cover_area {margin:0 20px 30px;}
#cnt.mg_cine21 .cover_area h2 { border-left: 3px solid #dc2515;  padding:0; margin:0; margin:0 0 20px; padding-left:8px;}
#cnt.mg_cine21 .cover_area .cover {}
#cnt.mg_cine21 .cover_area .cover img {width:220px; height:272px;}
#cnt.mg_cine21 .btn_area {text-align:center; margin-bottom:30px;}
#cnt.mg_cine21 .btn_subsapply {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:inline-block; font-size:1.1em; margin:0 auto; border-radius:10px; padding:7px 15px;}
#cnt.mg_cine21 .btn_single {background:#333; color:#fff; font-weight:bold; text-align:center; display:inline-block; font-size:1.1em; margin:0 auto; border-radius:10px; padding:7px 15px;}
#cnt.mg_cine21 .btn_single .ico_storefarm {vertical-align:middle; margin:-3px 5px 0 0; display:inline-block; width:23px; height:23px; background:url('http://image.cine21.com/m2/ico_storefarm.jpg') no-repeat 0 0 ; background-size:23px 23px;}

/* 정기구독 안내 */
#cnt.subs_intro {border-top: 1px solid #e6e9f3;}
#cnt.subs_intro .notice {background:#f2f4f9; padding:15px; margin-bottom:30px; margin-top:30px;margin-left:20px; margin-right:20px; }
#cnt.subs_intro .notice li {font-size:0.8em; color:#777; padding:5px 0 5px 7px ; line-height:150%; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 14px ; background-size:3px 3px;}
#cnt.subs_intro .notice strong {color:#000}
#cnt.subs_intro .notice li a {font-size:1em; color:#777}
#cnt.subs_intro .info_area {padding-left:20px; padding-right:20px}
#cnt.subs_intro h2 {padding:0 0 30px; font-size:1.1em;}
#cnt.subs_intro h2 strong {color:#dc2515}
#cnt.subs_intro h3 {padding:0 0 10px; font-size:0.95em; border-bottom:2px solid #333; position:relative;}  
#cnt.subs_intro .btn_apply {position:absolute; right:0; top:0px; border-radius:5px; padding:6px 10px; display:inline-block; color:#fff !important; font-weight:bold; font-size:0.8em; background:#dc2515}
#cnt.subs_intro .option_area {margin-bottom:35px;}
#cnt.subs_intro .option_area .option {overflow:hidden; padding:15px 0; border-bottom:1px dashed #d2d5e0; }
#cnt.subs_intro .option_area .option .period {float:left; font-size:1.1em; color:#333; font-weight:500; letter-spacing:-0.05em; }
#cnt.subs_intro .option_area .option .period span {font-weight:normal; font-size:0.9em}
#cnt.subs_intro .option_area .option .price {float:right;  font-size:1.0em; color:#333; font-weight:bold; letter-spacing:-0.05em;}
#cnt.subs_intro .option_area .option .price .pre {font-weight:normal; color:#888a90; font-size:0.85em; text-decoration:line-through}
#cnt.subs_intro .option_area .option .price .saleinfo {font-weight:normal; color:#dc2515}
#cnt.subs_intro .option_area .option .period .optionview {color:#888; font-size:0.7em; font-weight:normal; display:block; line-height:150%; margin-top:10px}
#cnt.subs_intro .university_gift {overflow:hidden; margin-bottom:50px;}
#cnt.subs_intro .university_gift li {float:left; width:50%}
#cnt.subs_intro .university_gift li a {display:block; text-align:center; font-size:0.9em; color:#666}
#cnt.subs_intro .university_gift li img {width:100%}
#cnt.subs_intro .year_benefit {padding-left:20px; padding-right:20px; padding-top:30px; border-top:10px solid #e6e9f3}
#cnt.subs_intro .year_benefit h3 {border:none}
#cnt.subs_intro .year_benefit h3 .small {font-size:0.85em; color:#666; font-weight:normal;}
#cnt.subs_intro .year_benefit .gift_img {margin-bottom:50px;}
#cnt.subs_intro .year_benefit .gift_img img {width:60%; display:block; margin:10px auto}
#cnt.subs_intro .year_benefit .gift_img .btn_giftdetail {margin:0 auto; display:block; width:180px; font-size:0.9em; text-align:center; border:1px solid #ccc; padding:5px 0; border-radius:5px}
#cnt.subs_intro .year_benefit .description {font-size:0.85em; color:#666; line-height:150%; margin-bottom:10px}
#cnt.subs_intro .year_benefit .description strong {font-weight:bold; color:#dc2515}
#cnt.subs_intro .year_benefit .description a {text-decoration:underline; font-size:0.85em; font-weight:600}
#cnt.subs_intro .year_benefit .description img {width:80%; display:block; margin:20px auto}
#cnt.subs_intro .btn_subsapply {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:200px; font-size:1.2em; margin:0 auto 10px; border-radius:10px; padding:7px 0;}

/* 정기구독 선물 리스트 */
#cnt.subs_gift {padding-left:20px; padding-right:20px; border-top: 1px solid #e6e9f3;}
#cnt.subs_gift h2, #cnt.subs_apply h3  {padding:20px 0 10px}
#cnt.subs_gift .notice {margin-bottom:30px;}
#cnt.subs_gift .notice li {font-size:0.8em; color:#777; padding:5px 0 5px 7px ; line-height:150%; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 14px ; background-size:3px 3px; }
#cnt.subs_gift .notice li a {font-size:1em; color:#777}
#cnt.subs_gift .giftlist {overflow:hidden; margin-left:-15px;}
#cnt.subs_gift .giftlist li {float:left; width:50%; margin-bottom:20px; padding: 10px 0}
#cnt.subs_gift .giftlist li .title {font-size:0.9em; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
 line-height: 1.2em;
 height: 2.4em
}
#cnt.subs_gift .giftlist li .gift_wrap {margin-left:15px; background:#f4f4f4; padding:15px; height:235px; position:relative; border-radius:15px;}
#cnt.subs_gift .giftlist li .gift_thum {text-align:center; padding:10px 0}
#cnt.subs_gift .giftlist li .gift_thum img {width:80%; max-height:180px;}
#cnt.subs_gift .giftlist .btn_detail {display:block; font-size:0.85em; color:#666; font-weight:bold; letter-spacing:-0.07em; position:absolute; right:15px; bottom:15px;}
#cnt.subs_gift .giftlist .btn_detail span.ico_arrow {vertical-align:middle; margin:-3px 0 0 0; display:inline-block; width:13px; height:13px; background:url('http://image.cine21.com/m2/ico_arrow.png') no-repeat 0 0 ; background-size:13px 13px;}
#cnt.subs_gift  .btn_subsapply {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:200px; font-size:1.2em; margin:0 auto 10px; border-radius:10px; padding:7px 0;}

/* 정기구독 신청 */
#cnt .txt_red {color:#dc2515}
#cnt.subs_apply {padding-left:20px; padding-right:20px; border-top: 1px solid #e6e9f3;}
#cnt.subs_apply h2, #cnt.subs_apply h3  {padding:20px 0 10px}
#cnt.subs_apply .subs_notice {background:#f2f4f9; padding:15px; margin-bottom:30px;}
#cnt.subs_apply .subs_notice li {font-size:0.8em; color:#777; padding:5px 0 5px 7px ; line-height:150%; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 14px ; background-size:3px 3px;}
#cnt.subs_apply .subs_notice li a {font-size:1em; color:#777}
#cnt.subs_apply .subs_notice .btn_ebookinfo {font-weight:bold; letter-spacing:-0.05em; text-decoration:underline; color:#333}
#cnt.subs_apply .tab {overflow:hidden; margin-bottom:30px}
#cnt.subs_apply .tab li {width:33.4%; float:left; margin-right:-1px;}
#cnt.subs_apply .tab li a {text-align:center; display:block; border:1px solid #e6e9f3; font-size:0.9em; padding:7px 0; border-bottom:1px solid #dc2515} 
#cnt.subs_apply .tab li.on a {background:#dc2515; border:1px solid #dc2515; color:#fff; font-weight:bold}
#cnt.subs_apply .option_area {margin-bottom:20px}
#cnt.subs_apply .option_area .option {margin-bottom:10px; position:relative; border-radius:20px; border:1px dashed #d2d5e0; }
#cnt.subs_apply .option_area .option .radiobtn {position:absolute; right:15px; top:50%; margin-top:-10px}
#cnt.subs_apply .option_area .option .sale {border-radius:0 0 10px 10px; padding:4px 0 8px; position:absolute; left:50%; top:-1px; margin-left:-45px; background:#dc2515; color:#fff; text-align:center; width:90px; font-size:0.8em; font-weight:bold; }
#cnt.subs_apply .option_area .option .period {padding:30px 0 30px 20px;}
#cnt.subs_apply .option_area .option .period label {font-size:1.15em; color:#333; font-weight:bold; letter-spacing:-0.05em; }
#cnt.subs_apply .option_area .option .price {position:absolute; right:40px; top:50%; font-size:1.1em; color:#333; font-weight:bold; margin-top:-20px; text-align:right}
#cnt.subs_apply .option_area .option .price .pre {font-weight:normal; color:#888a90; font-size:0.7em; text-decoration:line-through}
#cnt.subs_apply .option_area .option .period .optionview {color:#888; font-size:0.7em; font-weight:normal; display:block; line-height:150%; margin-top:10px}
#cnt.subs_apply .btn_zipcode {border-radius:5px; padding:6px 10px; display:inline-block; color:#fff !important; font-weight:bold; font-size:0.8em; background:#a6a8af}
#cnt.subs_apply .giftlist {margin-top:10px; border:0; margin-bottom:10px; border-bottom:5px solid #e6e9f3; }
#cnt.subs_apply .giftlist td {width:50%; position:relative; padding:0 0 23px; border:0; vertical-align:top}
#cnt.subs_apply .giftlist td input {position:absolute; left:0; top:3px}
#cnt.subs_apply .giftlist td label {font-size:1em; padding-left:22px; display:block; }
#cnt.subs_apply .agree {margin-bottom:10px;}
#cnt.subs_apply .agree li {font-size:0.9em; position:relative; margin:10px 0;}
#cnt.subs_apply .agree li .btn_view {font-size:0.8em; color:#888a90}
#cnt.subs_apply .agree li .check {position:absolute; right:0; top:0}
#cnt.subs_apply .agree li .check label {font-size:0.9em; }
#cnt.subs_apply .policy {background:#f2f4f9; padding:15px; margin-bottom:30px; font-size:0.8em; color:#888a90; line-height:150%; margin-bottom:30px;}
#cnt.subs_apply .btn_pay {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:200px; font-size:1.2em; margin:0 auto 10px; border-radius:10px; padding:7px 0;}
#cnt.subs_apply .shortoption_area {margin-bottom:20px;}
#cnt.subs_apply .shortoption_area .option {overflow:hidden; padding:15px 0; border-bottom:1px dashed #d2d5e0; }
#cnt.subs_apply .shortoption_area .option .period {float:left; font-size:1.1em; color:#333; font-weight:bold; letter-spacing:-0.05em; }
#cnt.subs_apply .shortoption_area .option .period span {font-weight:normal; font-size:0.9em}
#cnt.subs_apply .shortoption_area .option .price {float:right;  font-size:1.0em; color:#333; font-weight:bold; letter-spacing:-0.05em;}
#cnt.subs_apply .shortoption_area .option .price .pre {font-weight:normal; color:#888a90; font-size:0.85em; text-decoration:line-through}
#cnt.subs_apply .shortoption_area .option .price .saleinfo {font-weight:normal; color:#dc2515}
#cnt.subs_apply .btn_storefarm {background:#dc2515; color:#fff; font-weight:bold; text-align:center; display:block; width:200px; font-size:1.2em; margin:30px auto 10px; border-radius:10px; padding:7px 0;}
#cnt.subs_apply .btn_storefarm .ico_storefarm {vertical-align:middle; margin:-3px 5px 0 0; display:inline-block; width:23px; height:23px; background:url('http://image.cine21.com/m2/ico_storefarm.jpg') no-repeat 0 0 ; background-size:23px 23px;}

/* 정기구독 신청 결제 완료 */
#cnt.subs_end {padding-left:20px; padding-right:20px; border-top: 1px solid #e6e9f3;}
#cnt.subs_end .end_comment {font-size:1.3em; text-align:center; font-weight:600; letter-spacing:-0.07em; padding:30px 0 30px; line-height:140%}
#cnt.subs_end .subs_info {margin-bottom:30px;}
#cnt.subs_end .subs_info tfoot td {text-align:right; color:#dc2515; padding:10px 0; font-weight:bold; font-size:1.0em}
#cnt.subs_end .notice {background:#f2f4f9; padding:20px; margin-bottom:30px;}
#cnt.subs_end .notice h2 {padding:0; color:#666}
#cnt.subs_end .notice li {font-size:0.8em; color:#777; padding:5px 0 5px 7px ; line-height:150%; background:url('http://image.cine21.com/m2/ico_dot.png') no-repeat 0 14px ; background-size:3px 3px;}
#cnt.subs_end .notice li a {font-size:1em; color:#777}
#cnt.subs_end .university_notice {margin-bottom:30px; padding:20px 20px 10px; border:1px solid #e6e9f3}
#cnt.subs_end .university_notice h2 {padding:0; color:#dc2515; padding-bottom:10px; font-size:0.9em}
#cnt.subs_end .university_notice p {font-size:0.8em; color:#333 ;line-height:150%; padding-bottom: 10px}
#cnt.subs_end .university_notice p a {font-size:1em; color:#777}
#cnt.subs_end .university_notice p .btn_mailcopy {border-radius:5px; padding:6px 10px; display:inline-block; color:#fff !important; font-weight:bold; font-size:0.8em; background:#a6a8af}
#cnt.subs_end .snsinfo {}
#cnt.subs_end .snsinfo li {padding:20px 0; border-bottom:1px dashed #d2d5e0; font-size:0.9em; min-height:60px;}
#cnt.subs_end .snsinfo li a {font-size:0.9em; color:#333; text-decoration:underline; font-weight:600}
#cnt.subs_end .snsinfo li:last-child {border:0}
#cnt.subs_end .snsinfo li.instagram {background:url('http://image.cine21.com/m2/subs_end_instagram.png') no-repeat 0 20px ; background-size:60px 60px; padding-left:80px; }
#cnt.subs_end .snsinfo li.youtube {background:url('http://image.cine21.com/m2/subs_end_youtube.png') no-repeat 0 20px ; background-size:60px 60px; padding-left:80px; }
#cnt.subs_end .snsinfo li.ft {background:url('http://image.cine21.com/m2/subs_end_ft.png') no-repeat 0 20px ; background-size:60px 60px; padding-left:80px; }

/* 반응형 */
@media (max-width: 640px) {
}
@media (max-width: 500px) {
}

/* 공지사항 */
#cnt.notice_board {}
#cnt.notice_board .notice_area {}
#cnt.notice_board .notice_area .notice {background:#fff;  margin:0 20px 15px}
#cnt.notice_board .notice_area .notice li {border-top:1px #d3d3d3 solid }
#cnt.notice_board .notice_area .title {position:relative; padding:11px 30px 13px 15px}
#cnt.notice_board .notice_area .date {font-size:0.8em; color:#666; padding-left:15px}
#cnt.notice_board .notice_area .notice_cont {color:#666; padding:5px 15px 12px; line-height:150%}
#cnt.notice_board .notice_area .title .ico {position:absolute; right:15px; top:20px; display:inline-block; background-position:-153px -14px; width:11px; height:8px; vertical-align:middle; margin-left:3px}
#cnt.notice_board .notice_area .title .ico.up {background-position:-170px -14px; }

/* 검색결과 중 뉴스 레이아웃 변경 240707 */
.lst_limgrtx_area ul.lst_limgrtx li.v2 a {
    position: static;
    height: unset;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 a .tit {
    font-size: 0.9em;
    margin-left: 0;
    margin-bottom: 10px;
    height: unset;
    color: #000;
    font-weight: bold;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 .article_wrap {
    display: flex;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 a .thub {
    position: static;
    left: unset;
    top: 0px;
}
.lst_limgrtx_area ul.lst_limgrtx li a .thub img {
    width: 120px;
    height: 78px;
    object-fit: cover;
    border: 1px solid #ddd;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 a .txt_wrap {
    padding-left: 10px;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 a .cont {
    font-size: 0.8em;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.4em;
}
.lst_limgrtx_area ul.lst_limgrtx li.v2 a .date {
    color: #999;
    font-size: 0.7em;
    margin-left: 0;
    margin-top: 5px;
}
