﻿/* common style */
html{scroll-behavior:smooth;}
body{background-color:#fff;font-size:16px;}
#wrap{position:relative;font-family: 'pretend-regular';color:#171A1D;letter-spacing:0;}
#header{position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:150px}
.empty{font-size:0;text-indent:-9999px}
#header{height:124px;}
#wrap strong{font-family:'pretend-regular';}

/* common */
.cont_spot{position:relative;}
.spot_img{position:absolute;top:0;left:0;right:0;margin:auto;display:flex;justify-content:center;overflow: hidden;height:478px;object-fit:none;background: url(https://writer.imbc.com/images/bg_writer_2026.jpg) repeat-x 50% 0;}
.spot_img img{object-fit: none;width:100%;}
.spot_top{height:478px;}
.spot_top .spot_vod{position:absolute;bottom:45px;left:0;font-size:0;z-index:10;}
.spot_top .spot_vod button{cursor:pointer;}
.spot_menu{background:#110e36;border-top:1px solid #918fa5;border-bottom:1px solid #b8b7b5}
.spot_menu ul.depth1{height:76px;display:flex;justify-content:center;align-items:center;}
.spot_menu ul.depth1 li.depth1{position:relative;max-width:350px;height:100%;flex:1 0 auto;text-align:center}
.spot_menu ul.depth1 li.depth1:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#f5595a url(https://writer.imbc.com/images/bg_menu_on.jpg) no-repeat 50% 50%;transition:all 0.05s;opacity:0;}
.spot_menu ul.depth1 li.depth1.on:before,
.spot_menu ul.depth1 li.depth1:hover:before{opacity:1}
.spot_menu ul.depth1 li.depth1 a.depth1{position:relative;display:block;font-size:20px;line-height:76px;color:#fff;font-family:'mbcnew-medium';}
.spot_menu ul.depth2{position:absolute;top:77px;left:0;padding:0 40px;font-size:0;height:48px;background-color:#ededed;box-sizing:border-box;white-space:nowrap;border:1px solid #dfdfdf;z-index:100}
.spot_menu ul.depth2 li.depth2{display:inline-block;padding-left:19px;margin-left:23px;white-space:nowrap;line-height:48px;background:url(https://writer.imbc.com/images/img_line_1x11.png) no-repeat 0 50%}
.spot_menu ul.depth2 li.depth2:first-child{margin:0;padding:0;background:none}
.spot_menu ul.depth2 li.depth2 a.depth2{font-size:18px;vertical-align:middle;color:#000}
.spot_menu ul.depth2 li.depth2 a.depth2:hover{text-decoration:underline;}
.spot_menu ul.depth1 li.depth1:last-child ul.depth2{right:-40px;left:auto;}

/* main */
.guideline{margin-bottom:150px;}

.guide_top{display:none;position:relative;padding-top:50px;height: 137px;box-sizing:border-box}
.guide_top h2{display:none;margin-bottom:45px;font-size:48px;font-family:'mbcnew-bold';line-height:60px;letter-spacing:-2px}
.guide_top a.btn_apply{position:absolute;right:17px;bottom:30px;padding-right:28px;font-size:24px;color:#fff;background:url(https://writer.imbc.com/images/btn_apply.png) no-repeat 100% 50%}

.guide_bottom *{letter-spacing:-0.025em;}
.guide_bottom{padding-top:80px;}
.guide_bottom table.guide{width:100%;table-layout:fixed;font-size:24px;border-top:2px solid #000;border-bottom:2px solid #000;border-collapse:separate}
.guide_bottom table.guide .caption{font-size:16px;line-height:24px;color:#646D76;letter-spacing:-0.05em !important;}
.guide_bottom table.guide span.caption{display:block;margin-top:16px;}
.guide_bottom table.guide .size24{font-size:24px;line-height:30px;}
.guide_bottom table.guide .bold{font-family:'pretend-medium';}
.guide_bottom table.guide .bold, .guide_bottom table.guide .bold *{letter-spacing:-0.05em !important;}
.guide_bottom table.guide .left{text-align:left !important;}
.guide_bottom table.guide .right{text-align:right !important;}
.guide_bottom table.guide .red_button{height:36px;font-size:18px;background-color:#EF5053;text-align:center;line-height:36px;}
.guide_bottom table.guide ul li{word-break:keep-all;}
.guide_bottom table.guide ul.bar li,
.guide_bottom table.guide ul.dot li{font-size:20px;line-height:30px;}
.guide_bottom table.guide ul.bar li:before{content:'-';display:inline-block;margin-right:6px;line-height:30px;vertical-align:top;}
.guide_bottom table.guide ul.bar li span{display:inline-block;width:calc(100% - 20px);font-size:inherit;line-height:inherit;}
.guide_bottom table.guide ul.dot li{padding-left:13px;box-sizing:border-box;}
.guide_bottom table.guide ul.dot li:before{content:'';width:4px;height:4px;margin-top:14px;border-radius:50%;display:inline-block;background-color:#282828;margin-right:13px;vertical-align:top;}
.guide_bottom table.guide ul.dot li span{display:inline-block;width:calc(100% - 20px);line-height:inherit;}
.guide_bottom table.guide ul.entry li,
.guide_bottom table.guide ul.entry li *{line-height:30px}
.guide_bottom table.guide caption{width:0;height:0;text-indent:-9999px;}
.guide_bottom table.guide tr th,
.guide_bottom table.guide tr td{padding:24px 32px 23px;border-top:1px solid #D6D6D6;border-left:1px solid #D6D6D6;text-align:left;}
.guide_bottom table.guide tr:first-child th,
.guide_bottom table.guide tr:first-child td{border-top:none}
.guide_bottom table.guide tr th:first-child,
.guide_bottom table.guide tr td:first-child{border-left:none}
.guide_bottom table.guide tr th{width:170px;font-weight:normal;padding:24px 12px 23px;line-height:30px;}
.guide_bottom table.guide tr td{position:relative;}
.guide_bottom table.guide tr td:has(table.guide_info){padding-bottom:24px;}
.guide_bottom table.guide tr td:has(td.caption){padding-bottom:23px;}
.guide_bottom table.guide tr:nth-child(2) td a.btn_link{position:absolute;bottom:23px;left:209px;width:129px;}
.guide_bottom table.guide table.guide_info{width:100%;border-collapse:collapse;table-layout:fixed;box-sizing:border-box;}
.guide_bottom table.guide table.guide_info caption{position:absolute;left:-9999px}
.guide_bottom table.guide table.guide_info th,
.guide_bottom table.guide table.guide_info td{font-size:20px;line-height:30px;}
.guide_bottom table.guide table.guide_info th{border-left:1px solid #fff;background-color:#646D76;color:#fff;padding:4px 8px;text-align:center;}
.guide_bottom table.guide table.guide_info td{background:none;border-left:1px solid #787878;vertical-align:middle;text-align:center;padding:16px;box-sizing:border-box;background-image: linear-gradient(#787878, #787878);background-size: 100% 1px;background-position: left bottom;background-repeat: no-repeat;border-bottom:none;border-top:none;}
.guide_bottom table.guide table.guide_info td:first-child{border-left:none}
.guide_bottom table.guide table.guide_info:has(td[rowspan]) td{height:167px;}
.guide_bottom table.guide table.guide_info td.caption{padding:8px 0 0;border:none;font-size:16px;height:auto;background:none;height:auto !important;line-height:24px;}
.guide_bottom table.guide table.guide_info td strong{font-weight:normal;font-size:20px;line-height:30px;}
.guide_bottom table.guide table.guide_info td b{font-weight:normal;line-height:inherit;}
.guide_bottom table.guide .field_wrap{position:relative}
.guide_bottom table.guide .field{display:flex;font-size:20px;line-height:30px;margin-top:32px;justify-content:space-between;}
.guide_bottom table.guide .field:first-child{margin-top:0}
.guide_bottom table.guide .field .field_left{width:120px;line-height:inherit;}
.guide_bottom table.guide .field .field_right{width:calc(100% - 200px);}
.guide_bottom table.guide .field .field_right *{line-height:30px;}
.guide_bottom table.guide .field .field_right .color_g{color:#646D76}
.guide_bottom table.guide .field .field_right .color_g li:before{background-color:#646D76}
.guide_bottom table.guide a.btn_guideline{display:flex; justify-self: right;justify-content: center; width:201px;margin-top:32px}
.guide_bottom .guide_history{position:relative;margin-top:50px;text-align: right;}
.guide_bottom .guide_history button.btn_history,
.guide_bottom .guide_history ul li a{display:block;min-width:458px;height:40px;line-height:40px;padding: 0 32px 0 10px;color:#000;font-size:26px;text-align:left;box-sizing:border-box}
.guide_bottom .guide_history button.btn_history{background:url(https://writer.imbc.com/images/btn_select_history.png) no-repeat 98% 50%;display: inline-block;text-align: right;font-family:'pretend-medium';}
.guide_bottom .guide_history ul{position:absolute;top:40px;right: 0;z-index:10;display:none;width:458px;max-height:204px;border:1px solid #e3e3e3;background-color:#fff;overflow-y:auto;overflow-x:hidden;}
.guide_bottom .guide_history ul li{border-top:1px solid #e3e3e3}
.guide_bottom .guide_history ul li:first-child{border-top:none}
.guide_bottom .guide_history ul li a{color:#b8b7b5;font-size:22px}
.guide_bottom .guide_history ul li:hover a{color:#000}


/* sub common */
.sub .cont_area{padding:48px 0}
.sub .spot_menu .wrapper{display:flex;}
.sub .spot_menu h1{width:245px;}
.sub .spot_menu h1 a{font-size:24px;line-height:76px;color:#fff;font-family:'mbcnew-bold';}
.sub .spot_menu ul.depth1{width:calc(100% - 245px)}
.sub .spot_menu ul.depth2{background:none;padding:0px 27px;border:none}
/* .sub .spot_menu ul.depth1 li.depth1 a.depth1{font-size:18px} */
.sub .spot_menu ul.depth1 li.depth1:last-child ul.depth2{right:0}
.sub .spot_menu ul.depth2 li.depth2 a.depth2{font-size:16px}
.sub .area_title h2{margin-bottom:30px;padding:27px 0;font-size:24px;font-family:'pretend-bold';font-weight:normal;border-top:2px solid #191919;border-bottom:1px solid #e3e3e3}

/* faq */
.faq_wrap{position:relative;}
.faq_wrap ul.faq_list{}
.faq_wrap ul.faq_list li{box-sizing:border-box; margin-top:2px; }
.faq_wrap ul.faq_list li strong, .faq_wrap ul.faq_list li span { padding:18px 40px; box-sizing:border-box; line-height:22px; display:block;color:#2a2a2a }
.faq_wrap ul.faq_list li strong {font-weight:normal;border-top:2px solid #000;border-bottom:1px solid #e3e3e3; font-size:22px;background-color:#f7f7f7;font-family: 'pretend-bold';}
.faq_wrap ul.faq_list li span{padding-top:0;margin-top:20px;font-size:20px;line-height:36px}
.faq_wrap button.btn_toggle{position:absolute;bottom:0;right:0;display:block;width:54px;height:54px;background:url(https://writer.imbc.com/images/btn_faq_toggle.jpg) no-repeat 0 50%;text-indent:-9999px }
.faq_wrap button.btn_toggle.on{background-position:100% 50%;}

/* prize */
.prize_intro{color:#616161;margin-bottom:20px}
ul.prize_list {overflow:hidden;font-size:0;}
ul.prize_list li.item1{display:inline-block;width:350px;margin:0 81px 55px 0;}
ul.prize_list li.item1:nth-child(3n){margin-right:0}
ul.prize_list li .prize_info { overflow:hidden; }
ul.prize_list li img.prize_info_img {width:100%; margin-bottom:20px; }
ul.prize_list li ul.prize_info_list { width:240px; float:left; padding-right:15px; box-sizing:border-box; }
ul.prize_list li ul.prize_info_list li { overflow:hidden; margin-bottom:5px; }
ul.prize_list li ul.prize_info_list li strong,
ul.prize_list li ul.prize_info_list li span{line-height:20px; font-size:14px; }
ul.prize_list li ul.prize_info_list li strong { font-weight:normal; color:#1f95aa; display:block; float:left; width:35%; }
ul.prize_list li ul.prize_info_list li span { color:#616161; display:block; float:left; width:65%; }
ul.prize_list li ul.prize_info_list li span.drama_title { color:#000; }
ul.prize_list li .vod { float:right; width:74px; }
ul.prize_list li .vod a img { margin-bottom:3px; }
ul.prize_list li .vod a span { font-size:14px; color:#1f95aa; }

/* apply common */
.area_wrap table td, .area_wrap table th{vertical-align:middle;}
.area_wrap caption{position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}

/* apply - write 지원서 작성 */
.sub .bg-title { letter-spacing:-1px; margin-bottom:50px; background:url(https://writer.imbc.com/images/title-bg-v2.jpg) no-repeat left center; }
.sub .write-content{width:1000px;margin:0 auto}
.sub .write-content .bg-title { padding:28px; box-sizing:border-box; } 
.sub .write-content .bg-title ul li { font-size:18px; color:#000; margin-top:7px; }
.sub .write-content .bg-title ul li a { font-family:'pretend-bold'; color:#2033eb; }
.sub .write-content .con-inner .apply-area { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ededed; }
.sub .write-content .con-inner table { overflow:hidden; width:100%; }
.sub .write-content .con-inner table th { font-weight:normal; text-align:left; display:block; line-height:46px; padding:5px 0; }
.sub .write-content .con-inner table th label{vertical-align:middle;}
.sub .write-content .con-inner table th .essen { color:#ee3b1e; font-family:'pretend-bold'; margin-right:5px;vertical-align:middle;}
.sub .write-content .con-inner table td { padding:5px 0; }
.sub .write-content .con-inner table .first-line { padding-top:0;}
.sub .write-content .con-inner table td input { line-height:46px; font-size:16px; color:#878787; width:325px; border:1px solid #d8d8d8; background:#fff; height:46px; padding:0 10px; box-sizing:border-box; }
.sub .write-content .con-inner table td input:disabled{background-color:#f7f7f7}
.sub .write-content .con-inner table td.radio-area { overflow:hidden; }
.sub .write-content .con-inner table td.radio-area input { width:12px; height:12px; border:none; background:none; padding:0; position:absolute; left:1px; top:1px; z-index:-9999; }
.sub .write-content .con-inner table td.radio-area label { float:left; margin-right:15px; position:relative; }
.sub .write-content .con-inner table td.radio-area label span.radio-btn { margin:0 5px 0 0; float:left; display:block; width:16px; height:16px; background:url(https://writer.imbc.com/images/apply-check.png) no-repeat left center; }
.sub .write-content .con-inner table td.radio-area label span.active,
.sub .write-content .con-inner table td.radio-area input:checked + span { background-position:right center; }
.sub .write-content .con-inner table td.txt-area input:focus, .sub .write-content .con-inner table td textarea:focus { background:#fff; color:#000; }
.sub .write-content .con-inner table td.filebox-area .file_input_div { overflow:hidden; }
.sub .write-content .con-inner table td.filebox-area input.upload-name { float:left; margin-right:2px; background:#f7f7f7; }
.sub .write-content .con-inner table td.filebox-area label { float:left; color:#fff; text-align:center; line-height:46px; display:block; width:94px; height:46px; background:#616161; }
.sub .write-content .con-inner table td.filebox-area input[type="file"] { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; }
.sub .write-content .con-inner table td.filebox-area p { clear:both; }
.sub .write-content .con-inner table td textarea { font-family:'pretend-regular'; margin-bottom:20px; font-size:16px; color:#878787; padding:10px; box-sizing:border-box; width:100%; border:1px solid #d8d8d8; background:#fff; }
.sub .write-content .con-inner table td p.note { font-size:14px; color:#1f95aa; margin:10px 0 20px; line-height:20px }
.sub .write-content .con-inner .explore { font-size:14px; line-height:24px; margin-bottom:45px; }
.sub .write-content .con-inner .agree-area { color:#222; background:#eff9fb; padding:30px; box-sizing:border-box; margin-bottom:10px; }
.sub .write-content .con-inner .agree-area h3 { font-family: 'pretend-bold'; font-size:18px; color:#1f95aa; margin-bottom:15px; }
.sub .write-content .con-inner .agree-area ul { padding-bottom:13px; margin-bottom:20px; box-sizing:border-box; border-bottom:1px solid #d0eaef; }
.sub .write-content .con-inner .agree-area ul li { letter-spacing:0; overflow:hidden; font-size:12px; font-family:'돋움', dotum; }
.sub .write-content .con-inner .agree-area ul li strong,
.sub .write-content .con-inner .agree-area ul li span{letter-spacing:0;font-family:'돋움', dotum;line-height:22px}
.sub .write-content .con-inner .agree-area ul li strong { font-weight:bold; display:block; width:19%; margin-right:1%; float:left; }
.sub .write-content .con-inner .agree-area ul li span { display:block; width:80%; float:left; }
.sub .write-content .con-inner .agree-area p { letter-spacing:0;font-size:12px; font-family:'돋움', dotum; line-height:1; }
.sub .write-content .con-inner .submit-check { width:100%; overflow:hidden; margin-bottom:30px; }
.sub .write-content .con-inner .submit-check label { line-height:16px; float:right; font-family:'돋움', dotum; font-size:12px; color:#222; }
.sub .write-content .con-inner .submit-check input { position:absolute; left:-9999px; }
.sub .write-content .con-inner .submit-check label span.check-btn { width:16px; height:16px; margin-right:5px; display:block; float:left; background:url(https://writer.imbc.com/images/apply-check2.jpg) no-repeat left center; }
.sub .write-content .con-inner .submit-check label span.active,
.sub .write-content .con-inner .submit-check input:checked + label span { background-position:right center; }
.sub .write-content .con-inner .submit-btn { text-align:center; }
.sub .write-content .con-inner .submit-btn .btn-end { width:284px; height:72px; background:#1f95aa; color:#fff; font-size:24px; line-height:72px; border:none;font-family:'pretend-regular'; letter-spacing:-1px; cursor:pointer; }


/* apply - modify 지원서 수정 */
.sub .modify-content .write-list { margin-bottom:50px; }
.sub .modify-content table.drama-apply { font-size:16px; text-align:center; margin:0 auto; }
.sub .modify-content table.drama-apply thead { display:block; margin-bottom:2px; }
.sub .modify-content table.drama-apply thead tr th { width:274px; color:#fff; font-weight:normal; border-left:1px solid #fff; height:46px; background:#1f95aa; }
.sub .modify-content table.drama-apply tbody { display:block; }
.sub .modify-content table.drama-apply tbody tr td {width:274px; height:46px;padding:15px;border:1px solid #d8d8d8;box-sizing:border-box;line-height:22px}
.sub .modify-content table.drama-apply tbody tr td input { width:16px; height:16px;vertical-align:middle; }
.sub .modify-content .buttons { width:100%; text-align:center; }
.sub .modify-content .buttons button { width:118px; height:72px; margin:0 5px; font-size:20px; color:#fff; background:#1f95aa; }
.sub .modify-content .buttons button.del { background:#222222; }
.sub .modify2-content{width:1000px;margin:150px auto;}
.sub .modify2-content p.none-list { text-align:center; width:100%; background:url(https://writer.imbc.com/images/title-bg-v2.jpg) no-repeat center center; height:110px; font-size:24px; line-height:110px; letter-spacing:-1px; }

/* apply - result 지원서 접수 */
.sub .result-content{width:1000px;margin:0 auto}
.sub .result-content .write-list table { width:100%;margin-bottom:50px; text-align:left; }
.sub .result-content .write-list table th,
.sub .result-content .write-list table td{line-height:22px}
.sub .result-content .write-list table tr th { padding-left:30px; box-sizing:border-box; height:46px; }
.sub .result-content .write-list table thead { background:url(https://writer.imbc.com/images/title-bg-v2.png) no-repeat center center; }
.sub .result-content .write-list table thead th{font-family:'pretend-bold';}
.sub .result-content .write-list table tbody tr { border-bottom:1px solid #d1eaef; }
.sub .result-content .write-list table tbody tr th { color:#1f95aa; font-weight:normal; }
.sub .result-content .write-list table tbody tr td { color:#616161; padding:15px 0; }

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){

}
