.page1 {padding-bottom: 120px;}


.tit01 {margin-top: 50px;font-size: 28px;color: #000;}
.tit01 .page_nav {float: right; font-size: 13px;color: #aaaaaa;}
.tit01 .page_nav li {float: left;position:relative;margin-right: 7px;line-height: 20px;}
.tit01 .page_nav li:after {content: '>';margin-left: 10px;}
.tit01 .page_nav li:last-child:after {content: none;}
.tit02 {height: 24px;padding-left: 30px;background-repeat: no-repeat;background-position: left center;font-size: 20px;font-family: NanumBarunGothicBold;line-height: 28px;}
.tit03 {position:relative;margin-top: 20px;padding-left: 10px;font-size: 17px;color: #000;font-family: NanumBarunGothicBold;}
.tit03:before {content: ' ';position:absolute;left: 0;top: 50%;width: 3px;height: 3px;margin-top: -2px;border-radius: 4px;background: #000;}
.tit04 {margin-top: 30px;font-size: 20px;color: #000;}

.txt01 {padding: 20px 0;font-size: 15px;line-height: 27px;letter-spacing: -1px;}
.txt01.exclamation {padding: 10px 0 0 25px;background: url(/res/service/img/sub_common/ico_exclamationmark.png) no-repeat left 16px}
.txt01 strong {font-family: NanumBarunGothicBold;}

.box03 {padding: 20px;border-top: 1px solid #333333;border-bottom: 1px solid #333333;background: #fafafa;font-size: 15px;text-align: center;}
.box03.block ul {display: inline-block;width: 300px;}
.box03.block li {width:100%;line-height: 34px;text-align: left;}
.box03.block li strong {float:left;width:30%;color: #333333;}
.box03.inline ul {display: inline-block;}
.box03.inline li {float: left;margin-left: 60px;height: 24px;line-height: 26px;}
.box03.inline li:first-child {margin-left: 0;}
.box03.inline li strong {margin-right: 20px;color: #333333;}

/* reply section */
#box_reply .txt_replay_result {padding:0 15px;font-size:15px;font-family:NanumGothicBold;color:#333;line-height:55px}
#box_reply .inner_reply {padding:30px 40px;background-color:#f4f4f4}
#box_reply .input_reply {overflow:hidden;width:100%;min-height: 47px;margin-bottom:15px;padding:1%;border:1px solid #cccccc;font-family:NanumGothic;line-height:24px;box-sizing:border-box;resize: none}
#box_reply .input_reply_edit {overflow:hidden;width:100%;min-height: 47px;margin-bottom:15px;padding:1%;border:1px solid #cccccc;font-family:NanumGothic;line-height:24px;box-sizing:border-box;resize: none}
#box_reply .list_reply {overflow-y:auto;}
#box_reply .item_reply {overflow-y:auto;min-height:24px;padding:13px 0;border-top:1px dotted #000000;}
#box_reply .item_reply:first-child {border-top:none}
#box_reply .item_reply .reply_writer {display:inline-block;float:left;width:13%;line-height:24px;font-family:NanumGothicBold;line-height:27px;color:#000000}
#box_reply .item_reply .reply_txt {display:inline-block;float:left;width:87%;line-height:24px}
#box_reply .item_reply .reply_txt span {display:inline-block;margin-left:10px;color:#cccccc;line-height:24px}
#box_reply .item_reply .reply_txt span.reply_date {font-size:12px;}
#box_reply .item_reply .reply_txt span.edit {padding-left: 17px;background-image:url(/res/service/img_sketch/sub/btn_reply_edit.png);background-repeat:no-repeat;background-position:left center;font-size:12px;color: #696969;cursor: pointer;}
#box_reply .item_reply .reply_txt span.del {padding-left: 17px;background-image:url(/res/service/img_sketch/sub/btn_reply_delete.png);background-repeat:no-repeat;background-position:left center;font-size:12px;color:#ff4949;cursor: pointer;}
#box_reply .item_reply .reply_txt span.reply_body {color:#000000;}
#box_reply .more_reply_item {height:44px;border-top:1px solid #40bbab;border-bottom:1px solid #40bbab;font-family:NanumGothicBold;line-height:44px;text-align:center;color:#40bbab;cursor:pointer}



@media screen and (min-width:1201px) {

    .page_contents {width: 100%;padding: 30px 0 100px;}
    .page_menu_list {display:inline-block;}
    .page_menu_list li {float: left;position: relative;padding:20px 15px;font-size: 11pt;color : #b0b0b0;cursor: pointer;}
    .page_menu_list li.on {color: #000;}
    .page_menu_list li:after {content: ''; position:absolute;right: 0;top: 50%;width:2px;height: 2px;border-radius: 4px;background-color: #b0b0b0}
    .page_menu_list li:last-child:after {content: none;}
    .movie_list {overflow: auto;}
    .item_movie {margin-right: 16px;width: 268px;height: 355px;float: left;}
    .item_movie.row4 {margin-right: 0;}
    .item_movie .thumb {position: relative;width: 100%;height: 0;padding-bottom: 75.49%;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 20px;cursor: pointer;}
    .item_movie .thumb .play_btn {position: absolute;left: 50%;top: 50%;margin-left: -33px;margin-top: -33px;}
    .movie_tit {font-size: 15px;color: #000000;margin-bottom: 15px;cursor: pointer;}
    .movie_tit:hover {text-decoration: underline;text-decoration-color: #000000;}
    .movie_sub_info {color: #a7a7a7;height: 50px;}
    .movie_sub_info span {vertical-align: middle;}
    .movie_sub_info .hit {display: inline-block;margin-right: 5px;padding-left: 15px;background-image: url('/res/service/img/sub_common/ico_hits.png');background-repeat: no-repeat;background-position: left center;color: #48c8d4;}
    .movie_sub_info .date {margin-left: 5px;}

    .movie_info {padding-left: 15px;margin-bottom: 30px;background-image: url('/res/service/img/sub_common/ico_hits.png');background-repeat: no-repeat;background-position: 0 center;}
    .current_movie {display: inline-block;width: 820px;height: 460px;background-color: #dddddd;float: left;}
    .play_movie_list {display: inline-block;width: 288px;height: 458px;border: 1px solid #e6e6e6;overflow: hidden;float: right;}
    .play_movie_list .movie_list_title {height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;padding: 0 20px 0 50px;background-image: url('/res/service/img/sub_common/ico_vediolist.png');background-repeat: no-repeat;background-position: 30px center;font-weight: bold;}
    .play_movie_list .play_option {padding: 0 20px;height: 40px;line-height: 40px;border-bottom: 1px solid #e6e6e6;}
    .play_movie_list .play_option span {color: #858585;float: right;}
    .play_movie_list .movie_list {padding: 20px;height:410px;overflow: auto;}
    .play_movie_list .movie_item {height: 65px;margin-top: 30px;}
    .play_movie_list .movie_item:first-child {margin-top: 0;}
    .play_movie_list .movie_item img {margin-right: 10px;float: left;}
    .play_movie_list .movie_item .movie_title {display: inline-block;margin-bottom: 5px;width: 135px;height: 40px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;float: left;}
    .play_movie_list .movie_item .hits {display: inline-block;width: 120px;background-image: url('/res/service/img/sub_common/ico_hits.png');background-repeat: no-repeat;background-position: left center;padding-left: 15px;float: left;}


}


/* Tablet */
@media all and (max-width: 1200px) {
    .page1 {padding-bottom: 60px;}
}
@media screen and (min-width:768px) and (max-width:1200px) {
    .page_contents {width: 100%;padding: 30px 0;}
    .page_menu_list {display:inline-block;}
    .page_menu_list li {float: left;position: relative;padding:20px 15px;font-size: 11pt;color : #b0b0b0;cursor: pointer;}
    .page_menu_list li.on {color: #000;}
    .page_menu_list li:after {content: ''; position:absolute;right: 0;top: 50%;width:2px;height: 2px;border-radius: 4px;background-color: #b0b0b0}
    .page_menu_list li:last-child:after {content: none;}
    .page_menu {position: relative;padding: 10px;display: inline-block;padding-bottom: 0px;}
    .item_movie {width: 31%;margin-right: 3.5%;float: left;}
    .item_movie.row3 {margin-right: 0;}
    .item_movie .thumb {position: relative;width: 100%;height: 0;padding-bottom: 75.49%;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 20px;cursor: pointer;}
    .item_movie .thumb .play_btn {position: absolute;left: 50%;top: 50%;margin-left: -33px;margin-top: -33px;}
    .movie_tit {font-size: 15px;color: #000000;margin-bottom: 15px;cursor: pointer;}
    .movie_tit:hover {text-decoration: underline;text-decoration-color: #000000;}
    .movie_sub_info {color: #a7a7a7;height: 50px;}
    .movie_sub_info span {vertical-align: middle;}
    .movie_sub_info .hit {display: inline-block;margin-right: 5px;padding-left: 15px;background-image: url('/res/service/img_sketch/sub/ico_play.png');background-repeat: no-repeat;background-position: left center;color: #48c8d4;}
    .movie_summary {height: 75px;color: #9a9a9a;line-height: 24px;text-align: justify;cursor: pointer;}
    .movie_summary:hover {text-decoration: underline;text-decoration-color: #acacac;}
    .movie_sub_info .date {margin-left: 5px;}


}



/* Mobile */
@media screen and (max-width:767px) {
    .tit01 {margin-top: 30px;font-size: 22px;}
    .box03 {text-align:left;}
    .box03.inline li {width:100%;margin-left:0;}
    .page_contents {width: 100%;padding: 30px 0;}
    .page_menu_list{width: 100%;font-family: notokr-medium;position: relative;text-align: center}
    .page_menu_list .page_menu{position: relative;padding: 10px;display: inline-block;padding-bottom: 0px;}
    .section_page_search .input_search {width: 180px}

    .movie_info {padding-left: 15px;margin-bottom: 30px;background-image: url('/res/service/img/sub_common/ico_hits.png');background-repeat: no-repeat;background-position: 0 center;}
    .current_movie {background-color: #dddddd;}
    .item_movie {width: 48%;float: left;}
    .item_movie.row4 {margin-right: 0;}
    .item_movie:nth-child(odd) {margin-right: 4%;}
    .item_movie .thumb {position: relative;width: 100%;height: 0;padding-bottom: 75.49%;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 20px;cursor: pointer;}
    .item_movie .thumb .play_btn {position: absolute;left: 50%;top: 50%;margin-left: -33px;margin-top: -33px;}
    .movie_tit {font-size: 15px;color: #000000;margin-bottom: 15px;cursor: pointer;}
    .movie_tit:hover {text-decoration: underline;text-decoration-color: #000000;}
    .movie_sub_info {color: #a7a7a7;height: 50px;}
    .movie_sub_info span {vertical-align: middle;}
    .movie_sub_info .hit {display: inline-block;margin-right: 5px;padding-left: 15px;background-image: url('/res/service/img_sketch/sub/ico_play.png');background-repeat: no-repeat;background-position: left center;color: #48c8d4;}
    .movie_sub_info .date {margin-left: 5px;}
    .movie_summary {height: 60px;color: #9a9a9a;line-height: 24px;text-align: justify;cursor: pointer;}
    .movie_summary:hover {text-decoration: underline;text-decoration-color: #acacac;}
    .movie_empty_message {line-height: 500px;text-align: center;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}

    .contents_desc {padding: 20px 0;line-height: 24px;}
    .contents_desc img {max-width: 100%;}

}




.detail_info_header .breadcrumb {
    font-family: NanumBarunGothic, sans-serif;
}

@media screen and (min-width:768px) {

    .detail_info_header .breadcrumb {
        float: right;
        font-size: 14px;
        letter-spacing: -0.2px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {

    .detail_info_header .breadcrumb {
        font-size: 12px;
        letter-spacing: -0.2px;
        margin-top: 0;
        float: none;
    }
}