/* CSS Document */

/* 자막보기팝업 */
.subtitle .title_h1{margin:0; padding:0;display:block;width:100%;height:auto;background:#527397;}
.subtitle .title_h1 span{display:inline-block; height:23px; line-height:23px; margin:25px 0 25px 50px;padding-left:30px; background:url(../../images/front/contents/web/icon_header.gif) no-repeat left center;color:#fff; font-size:24px;}
.subtitle .word_tit{margin-left:50px; width:500px;}
.subtitle .script_txt{display:inline-block;margin:28px 0 25px 50px; font-weight:bold; color:#26a1c1;}
.subtitle .subtitle_content{display:inline-block;margin:20px 50px 0 50px;font-size:14px; line-height:1em; }
.subtitle .subtitle_content dt {background:url(../../images/front/contents/job/interview_icon_q02.gif) no-repeat left top; font-size:12px; font-weight:bold; color:#214c80; padding:10px 0 22px 45px;}
.subtitle .subtitle_content dd {background:url(../../images/front/contents/job/interview_icon_a02.gif) no-repeat left top; font-size:12px; /*color:#666;*/ color:#555; padding:0 0 22px 45px; line-height:1.8em; white-space: pre-line; }
.btn_foot {text-align:center;margin:29px 0;}
.subtitle .subtitle_content dt.noAicon {background:none; font-size:12px; font-weight:bold; color:#214c80; padding:10px 0 22px 45px;}
.subtitle .subtitle_content dd.noAicon {background:none; font-size:12px; color:#666; padding:0 0 22px 45px; line-height:1.8em; white-space: pre-line; }
.btn_foot {text-align:center;margin:29px 0;}

.dream_script_pop {display:inline-block;margin:20px 50px 0 50px;font-size:14px; line-height:1em; }
.dream_script_sub {;margin:20px 20px 0 20px;} 
.dream_script_pop .script_cg {font-weight:bold; color:#26a1c1; font-size:14px; padding:0 0 12px 32px; line-height:180%;}
.dream_script_pop .script_cg img {display:inline-block; margin-left:-32px;}
.dream_script_pop .script_txt{margin:0 0 15px 32px; font-weight:bold; color:#26a1c1; font-size:12px; }
.dream_script_pop .script_narration {font-size:12px; color:#666666; line-height:150%; padding:0 0 12px 32px; }
.dream_script_pop .script_narration strong {text-decoration:underline; margin-right:4px;}
.dream_script_pop .script_a {font-size:12px; color:#214c80; line-height:150%; padding:0 0 7px 32px;}
.dream_script_pop .script_b {font-size:12px; color:#666666; line-height:150%; padding:0 0 7px 32px;}
.dream_script_pop .script_c {font-size:12px; color:#214c80; line-height:150%; padding:0 0 7px 32px;}
.dream_script_pop .script_d {font-size:12px; color:#666666; line-height:150%; padding:0 0 7px 32px;}
.dream_script_pop .script_q {font-size:12px; color:#666666; line-height:150%; padding:0 0 7px 32px;}
.dream_script_pop .script_t {font-size:12px; color:#666666; line-height:150%; padding:0 0 7px 32px;}



/* 자막보기팝업2 */
.subtitle2 .title_h1{margin:0; padding:0;display:block;width:100%;height:auto;background:#527397;}
.subtitle2 .title_h1 span{display:inline-block; height:23px; line-height:23px; margin:25px 0 25px 50px;padding-left:30px; background:url(../../images/front/contents/web/icon_header.gif) no-repeat left center;color:#fff; font-size:24px;}
.subtitle2 .word_tit{margin-left:50px; margin-bottom:25px;width:500px;}
.subtitle2 p strong{ display:block;padding-left:50px; color:#3f5063; font-size:14px; line-height:2em;}
.subtitle2 h3{display:inline-block;margin:28px 0 25px 50px; font-weight:bold; color:#26a1c1; font-size:14px;}
.subtitle2 .subtitle_content{display:inline-block;margin:20px 50px 0 50px;font-size:14px; line-height:1em;}
.subtitle2 .subtitle_content dt {background:url(../../images/front/contents/job/interview_icon_q02.gif) no-repeat left top; font-size:12px; font-weight:bold; color:#214c80; padding:10px 0 22px 45px;}
.subtitle2 .subtitle_content dd {background:url(../../images/front/contents/job/interview_icon_a02.gif) no-repeat left top; font-size:12px; color:#666; padding:0 0 22px 45px; line-height:1.8em;white-space: pre-line; }

/* 동영상보기팝업 */
.movieViewPopup{ display:inline-block;margin:0;padding:0;width:930px;height:580px;background:#212121; padding:35px;}
.movieViewPopup.commonMoviePopup{width:585px;height:500px;}
.movieViewPopup h1{ display:block; background: url(../../images/front/contents/web/icon_h1.gif) no-repeat left center; font-size:24px;font-family:'NanumGothicBoldWeb'; color:#ff6633; padding-left:10px; margin-bottom:25px;}
.movieViewPopup .movieViewPopuMovieArea{display:inline-block; float:left; width:640px; height:505px; overflow:hidden;}
.movieViewPopup .movieViewPopupSubtitle{display:inline-block; float:right; width:275px; height:505px; overflow: auto; white-space:pre-line; }
.movieViewPopup .movieViewPopupSubtitle p {/*color:#8e8e8e;*/ color:#b7b7b7;}
.movieViewPopup .movieViewPopupSubtitle dt{color:#ff6633; font-weight:bold; padding:8px 0 12px 0;}
.movieViewPopup .movieViewPopupSubtitle dd{margin-bottom:25px; color:#999; line-height:150%;}

.movieViewPopup h2{clear:both;height:1px; width:1px; overflow:hidden; margin-bottom:26px;}

.movieViewPopup .infoMovie{display:block;width: 650px; float:left; margin-top:20px;}
.movieViewPopup .infoMovie {display:block; float:left; height:14px; line-height:14px; }
.movieViewPopup .infoMovie dl dt{display:block; float:left; height:1px; width:1px;float:left; overflow:hidden; }
.movieViewPopup .infoMovie dl dd{display:block; height:14px; line-height:14px; float:left;  float:left;}
.movieViewPopup .infoMovie .infoMoviename{font-weight:bold; height:14px; width:40px; line-height:14px; color:#00bdee; background:url(../../images/front/contents/web/icon_name.gif) no-repeat left center; padding-left:20px;margin-right:5px;}
.movieViewPopup .infoMovie .infoMoviename2{font-weight:bold; height:14px; width:150px; line-height:14px; color:#00bdee; background:url(../../images/front/contents/web/icon_name.gif) no-repeat left center; padding-left:20px;margin-right:5px;}
.movieViewPopup .infoMovie .infoPosition{color:#00bdee;}
.movieViewPopup .infoMovie .infoTimeIcon{margin: 0 5px 0 10px; padding-left:27px; padding-top:2px; border-left:1px solid #999; background:url(../../images/front/contents/web/icon_time.gif) no-repeat 10px center;}
.movieViewPopup .infoMovie .infoTimeIcon2{margin: 0 5px 0 7px; padding-left:27px; padding-top:2px; background:url(../../images/front/contents/web/icon_time.gif) no-repeat 10px center;}
.movieViewPopup .infoMovie .infoClickIcon{margin: 0 5px 0 10px;  padding-left:17px; padding-top:2px; background:url(../../images/front/contents/web/icon_click.gif) no-repeat left center;}
.movieViewPopup .infoMovie .infolikeIcon{margin: 0 5px 0 10px; padding-left:17px; padding-top:2px;  background:url(../../images/front/contents/web/icon_like.gif) no-repeat left center;}

.movieViewPopup .close{display:inline-block;width:54px; height:19px; padding:6px 0 0 13px; margin:20px 0 0 0; background:url(../../images/front/contents/web/close_bg.gif) no-repeat; float:right; color:#ccc; font-size:14px;}

/* 동영상보기팝업2 */
.movieViewPopup2{ display:inline-block;margin:0;padding:0;width:840px;height:100%;background:#212121; padding:10px 35px 0 35px;}
.movieViewPopup2 h1{ display:block; background: url(../../images/front/contents/web/icon_h1.gif) no-repeat left center; font-size:24px;font-family:'NanumGothicBoldWeb'; color:#ff6633; padding-left:10px; margin-bottom:20px;}
.movieViewPopup2 .movieViewPopuMovieArea{display:block; width:840px; height:550px; overflow:hidden;}
.movieViewPopup2 .movieViewPopupSubtitle{display:block; width:840px; height:200px; overflow: auto; white-space:pre-line; margin-bottom: 10px; border: 1px solid #ccc;}
.movieViewPopup2 .movieViewPopupSubtitle p {/*color:#8e8e8e;*/ color:#b7b7b7; padding:10px;}
.movieViewPopup2 .movieViewPopupSubtitle dt{color:#ff6633; font-weight:bold; padding:8px 0 12px 0;}
.movieViewPopup2 .movieViewPopupSubtitle dd{margin-bottom:10px; color:#999; line-height:150%;}

.movieViewPopup2 h2{clear:both;height:1px; width:1px; overflow:hidden; margin-bottom:26px;}

.movieViewPopup2 .infoMovie{display:block;width: 840px; float:left; margin-top:20px;margin-bottom: 20px; }
.movieViewPopup2 .infoMovie {display:block; height:14px; line-height:14px; }
.movieViewPopup2 .infoMovie dl dt{display:block; float:left; height:1px; width:1px;float:left; overflow:hidden; }
.movieViewPopup2 .infoMovie dl dd{display:block; height:14px; line-height:14px; float:left;  float:left;}
.movieViewPopup2 .infoMovie .infoMoviename{font-weight:bold; height:14px; width:40px; line-height:14px; color:#00bdee; background:url(../../images/front/contents/web/icon_name.gif) no-repeat left center; padding-left:20px;margin-right:5px;}
.movieViewPopup2 .infoMovie .infoMoviename2{font-weight:bold; height:14px; width:150px; line-height:14px; color:#00bdee; background:url(../../images/front/contents/web/icon_name.gif) no-repeat left center; padding-left:20px;margin-right:5px;}
.movieViewPopup2 .infoMovie .infoPosition{color:#00bdee;}
.movieViewPopup2 .infoMovie .infoTimeIcon{margin: 0 5px 0 10px; padding-left:27px; padding-top:2px; border-left:1px solid #999; background:url(../../images/front/contents/web/icon_time.gif) no-repeat 10px center;}
.movieViewPopup2 .infoMovie .infoTimeIcon2{margin: 0 5px 0 7px; padding-left:27px; padding-top:2px; background:url(../../images/front/contents/web/icon_time.gif) no-repeat 10px center;}
.movieViewPopup2 .infoMovie .infoClickIcon{margin: 0 5px 0 10px;  padding-left:17px; padding-top:2px; background:url(../../images/front/contents/web/icon_click.gif) no-repeat left center;}
.movieViewPopup2 .infoMovie .infolikeIcon{margin: 0 5px 0 10px; padding-left:17px; padding-top:2px;  background:url(../../images/front/contents/web/icon_like.gif) no-repeat left center;}

.movieViewPopup2 .caption{ display:inline-block; float: right; margin-top:-4px; }
.movieViewPopup2 .close{display:inline-block;width:54px; height:19px; padding:6px 0 0 13px; margin:0 0 10px 0; background:url(../../images/front/contents/web/close_bg.gif) no-repeat; float:right; color:#ccc; font-size:14px;}


/*동영상 메인*/
.movieMain .movieBanner{ display:inline-block;width:900px; height:280px; background:url(../../images/front/contents/web/bg_mainTop.gif) no-repeat; padding:20px; margin:29px 0 2px 0;}
.movieMain .movieBanner ul {display:block; margin-top:15px;}
.movieMain .movieBanner ul li{display:inline;}
.movieMain .movieBanner ul li a{display:block; text-align:center; width:300px; height:50px; padding-top:200px; float:left;}
.movieMain .movieBanner ul .movieBanner_1 a{background:url(../../images/front/contents/web/campaign_1.png) no-repeat;}
.movieMain .movieBanner ul .movieBanner_2 a{background:url(../../images/front/contents/web/campaign_2.png) no-repeat;}
.movieMain .movieBanner ul .movieBanner_3 a{background:url(../../images/front/contents/web/campaign_3.png) no-repeat;}
.movieMain .movie_list h2{ display:block; float:left; background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.movieMain .movie_list .allView{display:block; float:right; margin:35px 0 15px 0; height:15px; line-height:15px; background:url(../../images/front/icon/icon_btn_2.gif) no-repeat right 5px; padding-right:20px;}
.movieMain .movie_list {margin-left:0; padding-bottom:5px; overflow:hidden;}
.movieMain .movie_list ul {clear:both;}
.movieMain .movie_list ul li {float:left; width:160px; height:165px; margin-left:10px; margin-bottom:10px; background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 244px; padding:10px;}
.movieMain .movie_list ul li .photo img {width:160px; height:115px;}
.movieMain .movie_list ul li .interview_name {display:block; padding:10px 0 12px 4px;}
.movieMain .movie_list ul li .interview_name a {font-size:12px; color:#364c66; font-weight:bold;}
.movieMain .movie_list ul li dt {padding-bottom:7px; font-weight:bold; }
.movieMain .movie_list ul li dt a {font-size:12px; color:#666; font-weight:bold; }
.movieMain .movie_list ul li dd a {font-size:12px; color:#666; line-height:140%;}
.movieMain .movie_list ul li a:hover {text-decoration:underline;}
.movieMain .movie_list ul li:hover {border:solid 2px #5e80a8; width:158px; height:163px; padding:8px 10px 10px 8px;}
.movieMain .movie_list ul li .time {height:20px; margin-top:-25px; color:#fff; font-size:12px; padding:5px 0 0 8px; background:url(../../images/front/contents/web/time_bg.png) repeat left top;}
.movieMain .movie_list ul li p span {border-left:solid 1px #b6c1cd; padding:0 8px; font-size:12px; color:#555}
.movieMain .movie_list ul li p span.noLine {border:0; padding-left:4px;}
.movieMain .movie_list ul .m0{margin-left:0;}

/*동영상 상세보기*/
.movieDetail{display:inline-block;width:924px;height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 0 16px 16px;}
.movieDetail h3{ display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.movieDetail .movieArea{ display:block; width:640px; height:505px; float:left; margin-top:5px; position:relative;}
.movieDetail .movieArea object{ position:absolute; z-index:1;}
.movieDetail .movieInfo{ display:block; width:255px; height:505px; margin:0 10px; float:right;}
.movieDetail .movieInfo h4{width:1px; height:1px; overflow:hidden;}

.movieDetail .movieInfo ul li{display:block; padding:7px 0 7px 40px; margin-bottom:8px; font-size:16px;color:#3f5063; line-height:1.3em; letter-spacing:-1px;}
.movieDetail .movieInfo ul li span{display:block;width:0px;height:0px;overflow:hidden;}

.movieDetail .movieInfo ul .info_1{ background:url(../../images/front/contents/web/icon_name02.gif) no-repeat left center; font-weight:bold;}
.movieDetail .movieInfo ul .info_2{ background:url(../../images/front/contents/web/icon_position01.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_3{ background:url(../../images/front/contents/web/icon_position02.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_4{ background:url(../../images/front/contents/web/icon_date01.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_5{ background:url(../../images/front/contents/web/icon_location01.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_6{ background:url(../../images/front/contents/web/icon_time02.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_7{ background:url(../../images/front/contents/web/icon_click02.gif) no-repeat left center;}
.movieDetail .movieInfo ul .info_8{ background:url(../../images/front/contents/web/icon_like02.gif) no-repeat left center;}

.movieDetail .movieInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.movieDetail .movieInfo .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.movieDetail .movieInfo .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.movieDetail .movieInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.movieDetail .movieInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.movieDetail .movieInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.movieDetail .movieInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.movieDetail .movieInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}
.movieDetail .movieInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.movieDetail .movieInfo .subtitle{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon02.gif) no-repeat; margin:9px 0  60px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}

/*인터뷰 상세보기*/
.interviewDetail{display:inline-block;width:908px;height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 16px 16px 16px;}
.interviewDetail h3{ clear:both;display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.interviewDetail .movieArea{ display:block; width:640px; height:505px; float:left; margin-top:5px;}
.interviewDetail .interviewInfo{ display:block; width:255px; height:505px; float:right; position:relative;}
.interviewDetail .interviewInfo h4{width:1px; height:1px; overflow:hidden;}
.interviewDetail .interviewInfo dl dt{display:block;width:1px;height:1px;overflow:hidden;}
.interviewDetail .interviewInfo dl dd{ line-height:20px; background: url(../../images/front/contents/web/icon_check.gif) no-repeat left center;padding-left:20px;  margin-bottom:20px;font-size:16px; color:#3f5063;}
.interviewDetail .interviewInfo .interviewInfo dl dd span{font-weight:bold;}
.interviewDetail .interviewInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.interviewDetail .subtitle{ display:block; width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.interviewDetail .interviewInfo .listBox{display:block;width:230px; height:205px; padding:15px 0 0 25px; background:url(../../images/front/contents/web/bg_listBox.gif) no-repeat; overflow:hidden;}
.interviewDetail .interviewInfo .listBox h4{width:100%; height:15px; line-height:15px; margin-bottom:5px;}
.interviewDetail .interviewInfo .listBox ul li{height:20px; line-height:20px; background:url(../../images/front/contents/web/icon_listsq.gif) no-repeat left center; padding-left:5px;}
.interviewDetail .interviewInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.interviewDetail .interviewInfo .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.interviewDetail .interviewInfo .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.interviewDetail .interviewInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.interviewDetail .interviewInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.interviewDetail .interviewInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.interviewDetail .interviewInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.interviewDetail .interviewInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}
.interviewDetail .interviewInfo .movieInfo {position:absolute; left:0; top:420px;}
.interviewDetail2 {padding:0 15px 16px 15px;  margin:0 -15px; width:910px; background:url(../../images/front/contents/job/job_dic_interview_box.gif) repeat-x left bottom;}
.interviewDetail2 .interviewInfo .blank{ display:block;width:213px; height:35px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:10px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.interviewDetail2 .subtitle{ display:block; width:213px; height:35px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:10px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
/*.interviewDetail2 .interviewInfo .likeit{ clear:both; display:block;width:136px; height:30px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:5px 0 0 35px;}*/

/*한국의 미래와 창의적 진로 UCC 상세보기*/
.koreaDetail{display:inline-block; width:908px; height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 16px 16px 16px;}
.koreaDetail h3{ clear:both;display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.koreaDetail .movieArea{ display:block; bottom: 0; width:640px; height:auto; float:left; margin-top:5px;}
.koreaDetail .interviewInfo{ display:block; width:255px; height:auto; float:right; position:relative;}
.koreaDetail .interviewInfo h4{width:1px; height:1px; overflow:hidden;}
.koreaDetail .interviewInfo dl dt{display: inline-block; width:65px; line-height:20px; padding-left:20px; margin-bottom:20px; font-size: 14px; background: url(../../images/front/contents/web/icon_check.gif) left center no-repeat; overflow:hidden; vertical-align: middle;}
.koreaDetail .interviewInfo dl dd{display: inline-block; width:155px;  line-height:20px; margin-bottom:20px; font-size:14px; color:#3f5063; vertical-align: middle;}
.koreaDetail .interviewInfo .interviewInfo dl dd span{font-weight:bold;}
.koreaDetail .interviewInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.koreaDetail .subtitle{ display:block; width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.koreaDetail .interviewInfo .listBox03{display:block; width:230px; height:230px; padding:15px 0 0 25px; background:url(../../images/front/contents/web/bg_listBox.gif) no-repeat; overflow:hidden;}
.koreaDetail .interviewInfo .listBox03 h4{width:100%; height:15px; line-height:15px; margin-bottom:5px;}
.koreaDetail .interviewInfo .listBox03 ul li{height:20px; line-height:20px; background:url(../../images/front/contents/web/icon_listsq.gif) no-repeat left center; padding-left:5px;}

.koreaDetail .interviewInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.koreaDetail .interviewInfo .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.koreaDetail .interviewInfo .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.koreaDetail .interviewInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.koreaDetail .interviewInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}

.koreaDetail .interviewInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.koreaDetail .interviewInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.koreaDetail .interviewInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}
.koreaDetail .interviewInfo .movieInfo {position:absolute; left:0; top:420px;}
.koreaDetail2 {padding:0 15px 16px 15px;  margin:0 -15px; width:910px; background:url(../../images/front/contents/job/job_dic_interview_box.gif) repeat-x left bottom;}
.koreaDetail2 .interviewInfo .blank{ display:block;width:213px; height:35px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:10px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.koreaDetail2 .subtitle{ display:block; width:213px; height:35px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:10px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.koreaDetail2 .interviewInfo .likeit{ clear:both; display:block;width:136px; height:30px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:5px 0 0 35px;}


/*교과통합 진로교육자료 상세보기*/
.title_h1_jinro {margin-top:27px; float:left; margin-bottom:29px;}
.title_h1_jinro span {display:inline-block; font-size:30px; font-family:'NanumGothicBoldWeb'; color:#000;}
.h1detailView{display:block; width:103px; height:16px; background:url(../../images/front/contents/web/btn_icon03.gif) no-repeat; color:#fff; float:left; padding: 6px 0 0 10px; margin-bottom:15px; font-size:11px; letter-spacing:-0.1em; float:left;margin-top:30px; margin-left:10px; }
.jinroDetail{display:inline-block;width:908px;height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 16px 16px 16px;}
.jinroDetail h3{ clear:both; display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.jinroDetail .movieArea{ display:block; width:640px; height:505px; float:left; margin-top:5px;}
.jinroDetail .interviewInfo{ display:block; width:255px; height:505px; float:right;}
.jinroDetail .interviewInfo h4{width:1px; height:1px; overflow:hidden;}
.jinroDetail .interviewInfo dl dt{display:block;width:1px;height:1px;overflow:hidden;}
.jinroDetail .interviewInfo dl dd{ height:20px; line-height:20px; background: url(../../images/front/contents/web/icon_check.gif) no-repeat left center;padding-left:20px;  margin-bottom:20px;font-size:16px; color:#3f5063;}
.jinroDetail .interviewInfo dl dd span{ font-weight:bold;}
.jinroDetail .interviewInfo .interviewInfo dl dd span{font-weight:bold;}
.jinroDetail .interviewInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.jinroDetail .subtitle{ display:block; width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}

.jinroDetail .interviewInfo .listBoxSM{display:block; width:255px; height: auto; padding-top:16px; margin-bottom:15px; background:url(../../images/front/contents/web/bg_BoxTop.gif) no-repeat left top; overflow:hidden;}
.jinroDetail .interviewInfo .listBoxSM .scrollBox{display:block; width:255px; height:auto; padding-bottom:16px; margin-bottom:15px; background:url(../../images/front/contents/web/bg_BoxBottom.gif) no-repeat left bottom;}
.jinroDetail .interviewInfo .listBoxSM .scrollBox .scrollBoxContents{display:block; width:225px; height:200px; padding:0 15px; background:#eaedf3; overflow: auto; white-space:pre-line;}

.jinroDetail .interviewInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.jinroDetail .interviewInfo .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.jinroDetail .interviewInfo .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.jinroDetail .interviewInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.jinroDetail .interviewInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.jinroDetail .interviewInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.jinroDetail .interviewInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.jinroDetail .interviewInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}

/*진로교육자료2009 상세보기*/
.title_h1_jinro {margin-top:27px; float:left; margin-bottom:29px;}
.title_h1_jinro span {display:inline-block; font-size:30px; font-family:'NanumGothicBoldWeb'; color:#000;}
.h1detailView{display:block; width:103px; height:16px; background:url(../../images/front/contents/web/btn_icon03.gif) no-repeat; color:#fff; float:left; padding: 6px 0 0 10px; margin-bottom:15px; font-size:11px; letter-spacing:-0.1em; float:left;margin-top:30px; margin-left:10px; }
.courseEduView4{display:inline-block;width:908px;height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 16px 16px 16px;}
.courseEduView4 h3{ clear:both; display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.courseEduView4 .movieArea{ display:block; width:640px; height:505px; float:left; margin-top:5px;}
.courseEduView4 .interviewInfo{ display:block; width:255px; height:505px; float:right;}
.courseEduView4 .interviewInfo h4{width:1px; height:1px; overflow:hidden;}
.courseEduView4 .interviewInfo dl dt{display:block;width:1px;height:1px;overflow:hidden;}
.courseEduView4 .interviewInfo dl dd{ height:20px; line-height:20px; background: url(../../images/front/contents/web/icon_check.gif) no-repeat left center;padding-left:20px;  margin-bottom:20px;font-size:16px; color:#3f5063;}
.courseEduView4 .interviewInfo dl dd span{ font-weight:bold;}
.courseEduView4 .interviewInfo .interviewInfo dl dd span{font-weight:bold;}
.courseEduView4 .interviewInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.courseEduView4 .subtitle{ display:block; width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.courseEduView4 .interviewInfo .listBox{display:block;width:206px; height:196px; padding:14px 25px 0 25px; margin-bottom:15px; background:url(../../images/front/contents/web/bg_listBox.gif) no-repeat; overflow:hidden;}
.courseEduView4 .interviewInfo .listBox p{line-height:1.5em;}
.courseEduView4 .interviewInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.courseEduView4 .interviewInfo .inlinebox dt { display:block; width:auto; height:12px; line-height:12px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.courseEduView4 .interviewInfo .inlinebox dd { display:block; width:auto; height:12px; line-height:12px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.courseEduView4 .interviewInfo .inlinebox dd span { font-weight:bold;}
.courseEduView4 .interviewInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.courseEduView4 .interviewInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.courseEduView4 .interviewInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.courseEduView4 .interviewInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.courseEduView4 .interviewInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}

/*창의적진로개발 상세보기*/
.courseEduView2{display:inline-block;width:908px;height:auto; background:url(../../images/front/contents/web/bg_movie.gif) no-repeat left bottom; padding:0 16px 16px 16px;}
.courseEduView2 h3{ clear:both; display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:35px 0 15px 0;color:#3f5063;font-size:14px;}
.courseEduView2 .movieArea{ display:block; width:640px; height:505px; float:left; margin-top:5px;}
.courseEduView2 .interviewInfo{ display:block; width:255px; height:505px; float:right;}
.courseEduView2 .interviewInfo h4{ height:20px; line-height:20px; background: url(../../images/front/contents/web/icon_check.gif) no-repeat left center;padding-left:20px;  margin-bottom:20px;font-size:16px; color:#3f5063;}
.courseEduView2 .interviewInfo .clear{width:1px; height:1px; overflow:hidden; margin:0; padding:0;}
.courseEduView2 .interviewInfo .blank{ display:block;width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon04.gif) no-repeat; margin:0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.courseEduView2 .subtitle{ display:block; width:213px; height:29px; background:url(../../images/front/contents/web/btn_icon05.gif) no-repeat; margin:9px 0 30px 0; padding:16px 0 0 42px; font-size:16px; font-weight:bold; color:#fff;}
.courseEduView2 .interviewInfo .listBox02{display:block;width:206px; height:236px; padding:14px 25px 0 25px; margin-bottom:15px; background:url(../../images/front/contents/web/bg_listBox02.gif) no-repeat; overflow:hidden;}
.courseEduView2 .interviewInfo .listBox02 ul li{height:20px; line-height:20px; background:url(../../images/front/contents/web/icon_listsq.gif) no-repeat left center; padding-left:5px;}
.courseEduView2 .interviewInfo .listBox02 ul li span{color:#7a96b4;}
.courseEduView2 .interviewInfo .listBox02 ul .mt{margin-top:15px;}

.courseEduView2 .interviewInfo .inlinebox {display:inline-block; width:252px; margin-bottom:20px;}
.courseEduView2 .interviewInfo .inlinebox dt { display:block; width:auto; height:12px; line-height:12px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.courseEduView2 .interviewInfo .inlinebox dd { display:block; width:auto; height:12px; line-height:12px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.courseEduView2 .interviewInfo .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.courseEduView2 .interviewInfo .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}
.courseEduView2 .interviewInfo .likeit{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.courseEduView2 .interviewInfo .likeit:hover{ clear:both; display:block;width:136px; height:27px; background:url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat; color:#fff; padding:8px 0 0 35px;}
.courseEduView2 .interviewInfo .likeit span{font-weight:bold; margin-left:10px; color:#fff;}



/*동영상 리스트*/
.movieList{ background:#fbfbfb;width:924px; height:188px; border-bottom:1px dotted #c5ced8; padding:16px 0 0 16px; margin-bottom:20px;}
.movieList h3{ display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:0;color:#3f5063;font-size:14px; float:left;}
.movieList .allView{display:block; float:right; margin-right:45px; height:15px; line-height:15px; background:url(../../images/front/icon/icon_btn_2.gif) no-repeat right 5px; padding-right:20px;}
.movieList {margin-left:0; padding-bottom:5px; overflow:hidden;}

.movieList .btnPrev{ clear:both; display:block; float:left; width:45px; height:115px; background:url(../../images/front/contents/web/btn_left01.gif) no-repeat center center; margin-top:19px;}
.movieList .btnPrev:hover{ clear:both; display:block; float:left; width:45px; height:115px; background:url(../../images/front/contents/web/btn_left02.gif) no-repeat center center; margin-top:19px;}
.movieList .btnPrev span{display:block;width:1px; height:1px; overflow:hidden;}
.movieList .btnNext{ display:block; float:left; width:45px; height:115px; background:url(../../images/front/contents/web/btn_right01.gif) no-repeat center center; margin-top:19px;}
.movieList .btnNext:hover{ display:block; float:left; width:45px; height:115px; background:url(../../images/front/contents/web/btn_right02.gif) no-repeat center center; margin-top:19px;}
.movieList .btnNext span{display:block;width:1px; height:1px; overflow:hidden;}

.movieList .hover_line{display:block; width:154px; height:109px; position:absolute; border:3px solid #ff6600; z-index:3; display:none;}
.movieList ul {display:block; width:832px; height:148px;float:left; margin:19px 0 0 -6px; _margin:19px 0 0 -5px; overflow:hidden;}
.movieList ul li {float:left; width:160px; height:148px; margin-left:6px; _margin-left:5px;}
.movieList ul li .photo img {width:160px; height:115px;}
.movieList ul li strong {display:block; padding:10px 0 0 0;font-size:12px; color:#364c66; font-weight:bold; text-align:center;}
.movieList ul li p .time { display:block; width:152px;height:20px; margin-top:-25px; color:#fff; font-size:12px; padding:5px 0 0 8px; background:url(../../images/front/contents/web/time_bg.png) repeat left top; position: relative;}
.m0{margin-left:0;padding-left:0;}


.movieContents{padding:0 15px; color:#666;}
.movieContents h3{display:block;background:url(../../images/front/icon/icon_tit01.gif) no-repeat left center; padding-left:15px; height:15px; line-height:15px; font-weight:bold; margin:5px 7px 15px 0;color:#3f5063;font-size:14px; float:left;}
.movieContents .detailView{display:block; width:103px; height:16px; background:url(../../images/front/contents/web/btn_icon03.gif) no-repeat; color:#fff; float:left; padding: 6px 0 0 10px; margin-bottom:15px; font-size:11px; letter-spacing:-0.1em;}
.movieContents dl{clear:both; margin: 0 0 0 15px;}
.movieContents dt{font-weight:bold;}
.movieContents dd{margin:13px 0 19px 0; background:url(../../images/front/contents/web/icon_arrow.gif) no-repeat left 6px; padding-left:10px; line-height:1.5em;}
.movieContents dd span{ text-decoration:underline; color:#ff3300;}

/*진로교육자료*/
.tab_contents_1{ display:block; width:940px; height:57px; padding: 20px 0 0 14px; background:url(../../images/front/contents/web/bg_tabContents.gif) no-repeat;}
.tab_contents_1 input{margin-left:60px;}
.tab_contents_1 .m0{margin-left:0;padding-left:0;}
.tab_contents_1 ul{margin-left:10px;}
.tab_contents_1 ul li{display:inline; float:left;}
.tab_contents_1 ul li a{ display:block;padding:2px 10px;background:url(../../images/front/contents/courseEdu/bg03.gif) no-repeat left center;}
.tab_contents_1 ul li a:hover{ text-decoration:underline;font-weight:bold; color:#ff6633;}
.tab_contents_1 ul li a.on{ text-decoration:underline;font-weight:bold; color:#ff6633;}
.tab_contents_1 ul li a.firstList{background:none;}

.jinro_list {padding-bottom:5px; overflow:hidden;}
.jinro_list li {float:left; width:270px; margin: 0 6px 19px 7px; border:2px solid #eef1f4; background:#eef1f4 url(../../images/front/contents/job/interview_list_line01.gif) repeat-x left 288px; padding:13px;}
.jinro_list ul li .photo img {width:270px; height:185px;}
.jinro_list ul li .interview_name {display:block; padding:17px 0 24px; height:58px;}
.jinro_list ul li .interview_name a {font-size:16px; color:#364c66; font-weight:bold; line-height:120%;}
.jinro_list ul li dt {padding-bottom:7px; font-weight:bold; }
.jinro_list ul li dt span{ font-size:12px; font-weight:normal; background:url(../../images/front/contents/web/icon_arrow02.gif) no-repeat left 3px; padding-left:10px;}
.jinro_list ul li dt a {font-size:12px; color:#666; font-weight:bold; }
.jinro_list ul li dd a {font-size:12px; color:#666; line-height:140%;}
.jinro_list ul li a:hover {text-decoration:underline;}
.jinro_list ul li:hover {border:solid 2px #5e80a8; width:270px;}
.jinro_list ul li .info dt {font-size:14px; padding-bottom:10px;}
.jinro_list ul li .info dd p {/* padding:6px 0 0 0; */ padding:0; font-size:12px; color:#555}
.jinro_list ul li p span {border-left:solid 1px #b6c1cd; padding:0 8px; font-size:12px; color:#555}
.jinro_list ul li p span.noLine {border:0; padding-left:0;}


/*ucc리스트*/
.uccList li{ display:inline-block; width:910px; height: auto; border-bottom:1px dotted #ccc; padding:15px;}
.uccList .bg{background:#eef1f4;}
.uccList li .info_left{ display:block; width:160px; height:115px; float:left; margin-right:15px;overflow:hidden; background:url(../../images/front/contents/web/bg_uccInfoLeft.gif) repeat-x;}
.uccList li .info_left dl{display:block; width:117px; float:left; text-align:center; font-weight:bold; color:#fff;}
.uccList li .info_left dl dt{text-align:center; font-weight:bold; color:#fff;}
.uccList li .info_left dl dd{text-align:center; font-weight:bold; color:#fff;}
.uccList li .info_left dl .click{ height:25px; line-height:25px; background: url(../../images/front/contents/web/icon_arrow03.gif) no-repeat center bottom; font-weight:normal; margin-bottom:9px; padding-top:10px;}
.uccList li .info_left dl .clickNum{ height:24px; line-height:24px; font-size:24px;}
.uccList li .info_left dl .like{width:1px; height:1px; overflow:hidden; margin-bottom:19px;}
.uccList li .info_left dl .likeNum{ height:20px; line-height:20px; background: url(../../images/front/contents/web/icon_like04.gif) no-repeat center 1px; margin-left:-20px; padding-left:35px;font-size:14px;}
.uccList li .info_left p{display:block; width:160px; float:right;}

.uccList li .info_right{ display:inline-block; width:600px; height: auto; float:left;}
.uccList li .info_right h2{ height:16px; line-height:16px; font-size:14px;margin-bottom:13px;}
.uccList li .info_right .p1{ display:inline-block; float:left; height:14px; line-height:14px;color:#546f90; font-weight:bold; margin-bottom:18px;}
.uccList li .info_right .p2{ display:inline-block; float:left; border-right:1px solid #ccc; height:14px; line-height:14px; margin:0 10px 0 0; padding:0 10px 0 0;color:#546f90;}
.uccList li .info_right .p3{ display:inline-block; float:left; height:14px; line-height:14px;color:#546f90; }
.uccList li .info_right .p4{ clear:both; display:block; line-height:1.5em; text-align:left; padding-top:10px;}
.uccList li .info_right .p4 a {line-height:1.5em; }
.uccList li .info_right .p5{ display:inline-block; float:left; height:14px; line-height:14px;color:#546f90;  border-left:1px solid #ccc; margin:0  0 0 10px;  padding:0 0 0 10px}
.uccList li .info_right .p1 span{ display:inline-block; width:0px; height:0px; overflow:hidden; }
.uccList li .info_right .p2 span{ display:inline-block; width:0px; height:0px; overflow:hidden; }
.uccList li .info_right .p3 span{ display:inline-block; width:0px; height:0px; overflow:hidden; }
.uccList li .info_right .p4 span{ display:inline-block; width:0px; height:0px; overflow:hidden; }
.uccList li .info_right .p5 span{ display:inline-block; width:0px; height:0px; overflow:hidden; }

/* 리스트추가 20140424 */
.couList {display: inline-block;width: 940px;height: auto;border-bottom: 1px dotted #ccc;padding: 15px 10px;}
.couList p {margin-bottom:10px}
.couList li {float:left;width:430px;margin-left:50px}
.couList li:first-child {margin-left:0}
.couList li .infor_img {width: 160px;height: 115px;float: left;margin-right: 15px;float:left}
.couList li .infor_text {float:left;width:255px;margin-top:15px}
.couList li .infor_text dl dt {float:left}
.couList li .infor_text dl dd {float:left;padding-bottom:10px}
.couList li .infor_text > p:first-child {font-weight: bold;}

.top_area {margin:20px 0 10px 0}
.cho_btn {clear: both;display: block;float:right;width: 73px;height: 27px;background: url(../../images/front/contents/web/icon_like03.gif) no-repeat;color: #fff;padding: 8px 0 0 35px;margin-top:-20px}
.cho_btn a {color:#fff}
.cho_btn:hover{clear: both;display: block;width:73px;height: 27px;background: url(../../images/front/contents/web/icon_like03_hover.gif) no-repeat;color: #fff;padding: 8px 0 0 35px;}
.co_util {float:left}
.co_util li.sns {position: relative;padding: 0 8px 0 0;background: 0;}
.co_util li.sns .snsLink {display: none;position: absolute;top:24px;left: 0;margin:0;padding:8px 0;width: 78px;height:170px;border: solid 1px #b5c2cb;background: #fff;}
.co_util li.sns .snsLink a {display:block;padding:4px 0;font-size:11px;color:#666;}
.text_bar {margin-bottom:10px}
.text_bar textarea {border:1px solid #ccc;padding:10px;width:958px;height: 240px;}
.title_bar {background:#f4f4f4;border:1px solid #ccc;padding:10px 0;text-align:center;font-weight:bold;font-size:13px;margin-bottom:10px}
.line_bar {background:#f4f4f4;border:1px solid #ccc;padding:1px 0;text-align:center;font-weight:bold;font-size:13px;}

.title_box {background:#f4f4f4;border:1px solid #ccc;padding:10px 0;text-align:left;font-weight:bold;font-size:13px;}
.title_box dl {margin: 5px 20px;}
.title_box dl dt{display:none; padding: 0 0 0 20px;line-height:20px; width:80px;overflow:hidden; float:left;}
.title_box dl dd{height:24px; line-height:16px; background: url(../../images/front/contents/web/icon_check.gif) no-repeat left top;padding-left:20px; font-size:14px; color:#3f5063; }
.title_box dl dd span{ font-weight:bold;}

/*켐페인 상세보기*/
.interviewDetail .listBox02{display:inline-block; width:215px; height:210px; background:url(../../images/front/contents/web/bg_listBox02.gif) no-repeat; margin-bottom:10px; padding:20px;}

/*ucc 상세보기*/
.interviewDetail .listBox03{display:inline-block; width:215px; height:210px; background:url(../../images/front/contents/web/bg_listBox.gif) no-repeat; margin-bottom:100px; padding:20px;}
.interviewDetail .award{font-weight:bold;}

.movie_script div{ white-space:pre-line; line-height:1.5em;}

/*동영상 상단 메뉴*/
#movieTabMenu { clear:both; margin-top:33px;}
#movieTabMenu ul {width:100%; overflow:hidden; border:solid 1px #ccc; border-bottom:none;}
#movieTabMenu ul li {width:20%;float:left; text-align:center;}
#movieTabMenu ul li a { cursor:pointer;display:block; background:#eceeef;  font-size:14px; color:#2e5079; font-family:'Dotum';border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;  height:25px; padding:13px 0 0 0; }

#movieTabMenu ul .TabMenu1 a{border-left:none;}
#movieTabMenu ul li a:hover {border-bottom:1px solid #fff;background:#fff;color:#666;font-weight:bold; color:#ff6633;} 
#movieTabMenu ul li a.on {border-bottom:1px solid #fff;background:#fff;color:#666;font-weight:bold; color:#ff6633;}

/*자막*/
.movie_script_box{margin:0 50px ;}



/*  메인  *
#web_main {width:100%; background:url(../../images/front/contents/web/main_bg.gif) repeat-x left 315px; overflow:hidden;}
#web_main #contents {width:940px; margin:0 auto; margin-top: 43px;}
.webMaincloumn1 {height:300px; background:url(../../images/front/contents/web/main_img1.gif) no-repeat 583px 80px; }
.webMaincloumn1 h2 {font-family:'NanumGothicBoldWeb'; font-size:33px; color:#333333; padding:57px 0 8px 0;}
  */
.webMaincloumn1 .mainTxt1 {padding:2px 0 10px ; font-size:14px; color:#444; letter-spacing:-1px;}
.webMaincloumn1 .mainTxt1 span {font-size:14px; color:#1699d6; font-weight:bold;}
.webMaincloumn1 .mainTxt2 {font-size:14px; color:#666; line-height:150%; }
.webMaincloumn1 .mainTxt2 strong {display:inline-block; background:#575757; font-weight:bold; color:#fff; font-size:14px; line-height:135%}

.webMaincloumn1 .fl .link {background:url(../../images/front/contents/web/main_img2.gif) no-repeat left top; width:593px; height:82px; margin:0 0 0 -42px; padding-top:53px;}
.webMaincloumn1 .fl .link li.fl {float:left; padding-left:150px;}
.webMaincloumn1 .fl .link li.fr {float:left; padding-left:120px;}
.webMaincloumn1 .fl .link li strong {font-family:'NanumGothicBoldWeb'; font-size:15px; color:#f37200}
.webMaincloumn1 .fl .link li p {font-size:11px; color:#888888; line-height:130%; padding:5px 0; letter-spacing:-1px;}
.webMaincloumn1 .fl .link li p a {font-size:11px; color:#888888; line-height:130%; letter-spacing:-1px;}

.webMaincloumn1 .fl .link .etcLink li.fl {float:left; padding-left:30px;}
.webMaincloumn1 .fl .link .etcLink li.fr {float:left; padding-left:0;}
.webMaincloumn1 .fl .link .etcLink li.fl a {padding:0 0 21px 120px; display:inline-block;}
.webMaincloumn1 .fl .link .etcLink li.fr a {padding:0 0 21px 120px; display:inline-block;}
.webMaincloumn1 .fl .link .etcLink li a .txt {font-size:11px; /*color:#888888;*/ color:#555; line-height:130%; padding:5px 0; letter-spacing:-1px; display:block;}

.webMaincloumn2 {clear:both; width:100%;  height:260px;  padding-top:53px;}
.webMaincloumn2 .fl {float:left; width:414px; background:url(../../images/front/contents/web/main_ico_1.gif) no-repeat left top; padding:11px 0 0 45px;}
.webMaincloumn2 .fr {position:relative; float:left; width:436px; background:url(../../images/front/contents/web/main_ico_2.gif) no-repeat left top; padding:11px 0 0 45px;}
.webMaincloumn2 h3 {padding:0; font-size:14px; color:#49556d; font-family:'NanumGothicBoldWeb';   letter-spacing:-1px; line-height:140%;}
.webMaincloumn2 .mainTxt3 {padding:8px 0 0 0; font-size:11px; /*color:#888888;*/ /*color:#555;*/ color:#464646; letter-spacing:-1px; line-height:140%;}
.webMaincloumn2 .fl li {padding-top:30px;}
.webMaincloumn2 .fl .fl {float:left; width:220px; background:url(../../images/front/contents/web/main_ico_3.gif) no-repeat 130px top; padding:0;}
.webMaincloumn2 .fl .fr {float:left; width:192px; background:url(../../images/front/contents/web/main_ico_4.gif) no-repeat right 13px;  padding:0;}
.webMaincloumn2 .fl li strong {font-size:14px; /*color:#f37200;*/ color:#854002; font-family:'NanumGothicBoldWeb';  }
.webMaincloumn2 .fl li p {padding:7px 0 10px 0; font-size:11px; color:#888;}
.webMaincloumn2 .fl li p a { font-size:11px; /*color:#888;*/ /*color:#555;*/ color:#464646; line-height:130%;  display:block}

/***** 동영상 2013-0425 *****/
#web_main {width: 940px; margin:0 auto; padding: 0 0 0 0; background: none;}
#web_main #contents .location {width:940px; margin: auto 0; padding: 56px 0 8px 0; background: none;}
#web_main #contents .location { padding: 46px 0 8px 0; }
.cnetsubmain_movie {position: relative; width: 940px; margin: 0 auto;}

	/***** 동영상 타이틀 *****/
.movie_title {margin: 56px 0 25px 0; width: 940px; font-family: Malgun Gothic;}
.movie_title h1 {margin: 0; padding: 0; height: 38px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/web/cnetsubmain_movie_title.gif) 0 0 no-repeat;}
.movie_title p {margin: 0; padding: 0; height: 14px; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/web/cnetsubmain_movie_subtitle.gif) 0 0 no-repeat;}
.movie_contents {position: relative; margin: 0; padding: 0;}
.movie_contents ul {margin: 0; padding: 0; list-style: none; width: 940px; height: 440px;}
.movie_contents li {display: inline-block;margin: 0; padding: 0; list-style: none; vertical-align: top;}

	/***** 직업정보 *****/
.movie_job {margin: 0; padding: 0; width: 330px; height: 440px; font-family: Malgun Gothic; background: url(../../images/front/contents/web/movie_job.gif) 0 0 no-repeat;}
.movie_job h2,
.movie_job p {display: none;}
.movie_job .job_link {padding-top: 150px;}
.job_link ul {margin: 0; padding: 0; list-style: none;}
.job_link li {display: block; margin: 0; padding: 0 0 0 42px; list-style: none; height: 18px; line-height: 18px; background: url(../../images/front/contents/web/cnetsubmain_bullet.gif) 35px 8px no-repeat;}
.job_link a {color: #444; font-size: 12px; line-height: 12px; font-family: Dotum; text-decoration: none;}
.job_link .link_frist { font-weight: bold;}

	/***** 학과인터뷰 *****/
.movie_subject {margin: 0; padding: 0; width: 330px; height: 440px; background: url(../../images/front/contents/web/movie_subject.gif) 0 0 no-repeat;}
.movie_subject h2,
.movie_subject p {display: none;}
.subject_link .link_button {display: block; width: 330px; height: 440px; border: 0; font-size: 0; line-height: 999px; overflow: hidden; background: url(../../images/front/contents/web/link_button.gif) 35px 155px no-repeat; cursor: pointer;}

	/***** 진로교육 *****/
.movie_course {margin: 0; padding: 0; width: 270px; height: 440px; background: url(../../images/front/contents/web/movie_course.gif) 0 0 no-repeat;}
.movie_course h2,
.movie_course p {display: none;}
.movie_course .course_link {padding: 150px 28px 0 28px;}
.course_link {font-size: 12px; font-family: Dotum;}
.course_link ul {display: inline; margin: 0; padding: 0; list-style: none;}
.course_link li {display: inline-block; margin: 0; padding: 0 0 26px 8px; list-style: none;}

	/***** UCC *****/
.movie_ucc {position: relative; margin: 0; padding: 0; width: 940px; height: 128px; border-bottom: 1px solid #ccc; text-align: right; font-family: Malgun Gothic; background: url(../../images/front/contents/web/movie_ucc.gif) 0 0 no-repeat;}
.movie_ucc h2,
.movie_ucc p {display: none;}
.movie_ucc .ucc_link {padding: 24px 0 26px 0;}
.movie_ucc .ucc_link ul {display: inline; margin: 0; padding: 0; list-style: none; width: 940px; height: 128px;}
.movie_ucc .ucc_link li {display: inline-block; margin: 0; padding: 0 32px 0 32px; list-style: none; height: 78px; vertical-align: middle;}
.ucc_link .link_line {margin: 0 50px 0 0; padding: 0 0 0 32px; border-right: 1px dotted #ddd;}
.ucc_link .link_last {padding: 0 50px 0 32px; border: 0;}
.cou_tab01 {width:20%;}
.right_btn01 {float:right;}
.count01 {width:360px; float:right;}
.count01 .inlinebox {display:block; width:252px;}
.count01 .inlinebox dt { display:block; width:auto; height:14px; line-height:14px; float:left; font-size:12px; text-align:left; margin:0; padding:0;}
.count01 .inlinebox dd { display:block; width:auto; height:14px; line-height:14px; float:left; background:none; font-size:12px; text-align:left; margin:0; padding:0;}
.count01 .inlinebox .time{ background:url(../../images/front/contents/web/icon_time03.gif) no-repeat left center; padding-left:15px;}
.count01 .inlinebox .click{ background:url(../../images/front/contents/web/icon_click03.gif) no-repeat 15px center; padding-left:30px; margin: 0 0 0 15px; border-left:1px solid #999;}

.text_ja {border:1px solid #ccc;background:#f4f4f4;float:left;width:95px;}
.text_ja a {color:#666;display:block;height:23px;line-height:23px;text-align:center}


	/***** 진로교육> 총론 *****/
.etotal_channel .txtout2 {display: none;}
.etotal_channel .table_movie_st1 {width:100%;}
.etotal_channel .table_movie_st1 .channel_large {width:18%;}
.etotal_channel .table_movie_st1 .channel_mid {width:18%;}
.etotal_channel .table_movie_st1 .channel_keyword {width:24%;}
.etotal_channel .table_movie_st1 .channel_title {width:36%; text-align: center;}
.etotal_channel .table_movie_st1 th {height:33px;border:solid 1px #6182a6;background:#7690ac}
.etotal_channel .table_movie_st1 th span{display:block;height:31px;height:11px;padding:9px 0 11px;border:solid 1px #83a0c0;font-weight:bold;font-size:12px;color:#fff}
.etotal_channel .table_movie_st1 td {height:20px;padding:9px 14px 5px;border-bottom:solid 1px #e0e5e9;line-height:140%}
.etotal_channel .table_movie_st1 td.bg {background:#f3f7f9; color:#364c66;}
.etotal_channel .table_movie_st1 td a {color:#364c66;}
.etotal_channel .table_movie_st1 td a:hover {text-decoration:underline;}
.etotal_channel .table_movie_st1 td li {padding:3px 0;padding-left:9px;background:url(../../images/front/icon/icon_point04.gif) no-repeat left 9px;line-height:140%}
.etotal_channel .table_movie_st1 .last td {border-bottom:solid 1px #b6c1cd;}

/*동영상 링크 배너*/
.movie_banner {margin: 20px 0 10px 0; text-align: right;}

/*e-진로채널(직업편) 상세보기*/
.title_h1_etotalchannel {margin-top:27px; float: none; margin-bottom:29px;}
.title_h1_etotalchannel span {display:inline-block; font-size:30px; font-family:'NanumGothicBoldWeb'; color:#000;}


/* 동영상 슬라이더 */
.swiper-container {width: 940px;height: 160px;text-align: center;}
.swiper-slide {padding: 10px;background: #fff;}
.movie-slide {padding: 5px;background: #fff;width:174px; float:left;text-align: center;}
.movie-slide .infor_text {margin: 4px 0;width:174px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}



/* 검색영역 디자인수정 2017.03.14 */
.edu_search_wrap{border:1px solid #b5c1cd;padding:28px 20px;margin-top:30px}
.edu_search_wrap h3{font-size:14px;font-weight:700;color:#000;padding:0 0 20px 35px;background:url(../../images/sub_main/search_bullet.png) no-repeat;}
.edu_search_wrap .search_input{clear:both;border-top:1px solid #dde2e5;padding-top:20px;text-align:center}
.edu_search_wrap .search_input .button_search{vertical-align:middle}
.edu_search_wrap .search_input input{border: solid 1px #ddd;padding: 2px 0;height: 24px;}
.edu_search_wrap .search_input label{font-size:14px;color:#333;font-weight:600}

.edu_search_wrap .columns .decheck{float:left;overflow:hidden;position:relative;display:block;border-bottom:1px solid #dde2e5;border-right:1px solid #dde2e5;height:40px;background:#f9fafc}
.edu_search_wrap .columns .decheck.clear{clear:both;}
.edu_search_wrap .columns .decheck input{position: absolute;left:10px;top:10px;width: 20px;height: 20px;z-index: 9;margin:0}
.edu_search_wrap .columns .decheck label {display: block;height:40px;padding:12px 0 0 40px;font-size:14px;color:#333;font-weight:600}
.edu_search_wrap .columns .decheck label span {display:block;position:absolute;top:8px;left:8px;width:23px;height:23px;background:#bbc1c8;border-radius:3px;z-index:10}
.edu_search_wrap .columns .decheck label:hover span {outline:dotted 1px;background:#bbc1c8 url(../../images/sub_main/checking.png) no-repeat;background-size:100%}
.edu_search_wrap .columns .decheck label.keyon span {outline:dotted 1px;background:#bbc1c8 url(../../images/sub_main/checking.png) no-repeat;background-size:100%}
.edu_search_wrap .columns .decheck label.checking span,
.edu_search_wrap .columns .decheck label.checking.keyon span,
.edu_search_wrap .columns .decheck label.checking:hover span {background:#1abc9c url(../../images/sub_main/checking.png) no-repeat}

.edu_search_wrap .columns.col3 .decheck{width:33%}
.edu_search_wrap .columns.col4 .decheck{width:232px}
.edu_search_wrap .columns.col4 .decheck:nth-child(-n+4){border-top:1px solid #dde2e5}
.edu_search_wrap .columns.col4 .decheck:nth-child(4n+1){border-left:1px solid #dde2e5}
.edu_search_wrap .columns.col4 .decheck:last-child{margin-bottom:20px}
.edu_search_wrap .columns.col3 .decheck:nth-child(-n+3){border-top:1px solid #dde2e5}
.edu_search_wrap .columns.col3 .decheck:nth-child(3n+1){border-left:1px solid #dde2e5}
.edu_search_wrap .columns.col3 .decheck:last-child{margin-bottom:20px}
.edu_search_wrap .columns.col2 .decheck{width:100%;height:30px;border:none;background:none}
.edu_search_wrap .columns.col2 .decheck label{height: 22px;padding:0 0 0 60px;color:#000;font-weight:100}
.edu_search_wrap .columns.col2 .decheck input{left:36px;top:0;width:16px;height: 16px}
.edu_search_wrap .columns.col2 .decheck label span {top:0;left:35px;width:18px;height:18px}
.edu_search_wrap .columns.col2 .decheck label.checking span,
.edu_search_wrap .columns.col2 .decheck label.checking:hover span {background:#697c86 url(../../images/sub_main/checking.png) no-repeat;background-size:100%}
.edu_search_wrap .columns.col2 dd:nth-child(even){margin-top:15px}
.edu_search_wrap .columns.col2 dd:last-child{margin-bottom:6px}
.edu_search_wrap .columns.col2 .selBox{width:49.2%;float:left;border:1px solid #dde2e5;margin:0 10px 10px 0;background:#f9fafc}
.edu_search_wrap .columns.col2 .selBox:nth-child(even){margin:0 0 10px 0}
.edu_search_wrap .columns .decheck.object{height:40px;background:none;border-bottom:1px solid #dde2e5;background:#fff}
.edu_search_wrap .columns .decheck.object input{position: absolute;left:10px;top:10px;width: 20px;height: 20px;z-index: 9;margin:0}
.edu_search_wrap .columns .decheck.object label {color:#333;display: block;height:40px;padding:12px 0 0 40px;font-size:14px;font-weight:600}
.edu_search_wrap .columns .decheck.object label span {display:block;position:absolute;top:8px;left:8px;width:23px;height:23px;background:#bbc1c8;border-radius:3px;z-index:10}
.edu_search_wrap .columns .decheck.object label:hover span {outline:dotted 1px;background:#bbc1c8 url(images/checking.png) no-repeat;}
.edu_search_wrap .columns .decheck.object label.keyon span {outline:dotted 1px;background:#bbc1c8 url(../../images/sub_main/checking.png) no-repeat;background-size:100%}
.edu_search_wrap .columns .decheck.object label.checking span,
.edu_search_wrap .columns .decheck.object label.checking.keyon span,
.edu_search_wrap .columns .decheck.object label.checking:hover span {background:#1abc9c url(../../images/sub_main/checking.png) no-repeat}



.edu_program_index{width:100%;border:1px solid #dde2e5;background:#f9fafc;height:46px;margin-top:30px}
.edu_program_index h3{font-size:14px;font-weight:700;color:#000;padding:18px 10px 5px 51px;background:url(../../images/sub_main/search_bullet.png) 14px -43px no-repeat;float:left}
.edu_program_index .abc{}
.edu_program_index .abc li{float:left;overflow:hidden;position:relative;display:block;height:35px;padding:12px 0 0 0}
.edu_program_index .abc li a{display:block;border-radius:18px;padding:5px 13px;background:#fff;font-size:14px;color:#333;font-weight:600;margin-left:5px}
.edu_program_index .abc li a:hover{background:#bbc1c8;color:#fff}
.edu_program_index .abc li.on a,
.edu_program_index .abc li.on a:hover{background:#1abc9c;color:#fff}

.ui-thumb-list.program{border:none;margin-top:20px}
.ui-thumb-list.program ul li a .info p.tit {font-weight: bold;font-size: 14px;color:#000;}
.ui-thumb-list.program ul li a .info p.tit .ico_new{margin-left:3px}
.ui-thumb-list.program ul li a .info p .viewNum{color:#f26522;font-weight: bold;}
.ui-thumb-list.program ul li a {display: block;position: relative;padding: 0 12px 0 208px;height: 140px;color:#000}
.ui-thumb-list.program ul li a .thumb {position: absolute;top: 0;left: 0px;padding: 3px;width: 184px;height: 126px;border: 1px solid #cecece;}
.ui-thumb-list.program ul li a .thumb:hover{background-color:#5758df}
.ui-thumb-list.program ul li a .info {padding-top: 3px;}

.edu_program_wrap{position:relative;border:1px solid #acc2c6;padding:28px 20px;margin-top:30px;background:#fbffff;height:125px}
.edu_program_wrap .bdg {position: absolute;top:14px;left:14px;z-index:1}
.edu_program_wrap .thumb {position: absolute;top:20px;left:28px;padding:0;width:220px;border:none;border:1px solid #9abcc2}
.edu_program_wrap .thumb img {width:100%;height:100%}
.edu_program_wrap .info {padding: 3px 0 0 240px;}
.edu_program_wrap .info p.tit {font-weight: bold;font-size:20px;color:#000;}
.edu_program_wrap .info p.subTit {font-size: 12px;color: #666;padding: 10px 50px 20px 0;line-height: 1.5;}
.edu_program_wrap .info p.count{font-size: 14px;color:#000}
.edu_program_wrap .info p.count .viewNum{color:#f26522;font-weight: bold;}
.edu_program_wrap .btn_program{position: absolute;top:130px;right:15px;background:#5c7ba7 url(../../images/sub_main/listCon.png) 15px 12px no-repeat;color:#fff;font-size:14px;border-radius:5px;border:1px solid #566e91;padding:10px 15px 10px 35px }

.player_keyboard_info{
    text-indent: -9999px;
    height: 0;
}

.v_source{font-size:13px; font-weight: 500; color:#333;}
.v_source span{font-weight: 400; margin-left:6px; color:#888;}