@charset "euc-kr";
@import url(http://www.imbc.com/commons/css/base-v2.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*========================================================================================================================================================================*/

/* °øÅë  */
body{ font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum; font-size: 12px; position: relative; background-color: #fff; }      
#wrap {width: 100%;min-width: 1024px;}
#container { width: 100%; overflow: hidden; position: relative; }
#container .cont_header {width: 1024px;margin: 0 auto;height: 357px;text-align: center;}
#container .cont_header h1.logo { margin-left: -677px; margin-top: 9px; }
#container .cont_header h1.logo a { width: 205px; height: 270px; }
#container .cont_header .nav {width: 100%;height: 54px;top: 307px;position: absolute;left: 0;}
#container .cont_header .nav ul { overflow: hidden; width:1024px; height: 67px;  margin: 0 auto; background: url('http://img.imbc.com/broad/tv/ent/thankyou/img/thank_nav_bg.png') repeat-x;  font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum; font-size: 18px; font-weight: bold; letter-spacing: -1px; }
#container .cont_header .nav ul li { display: inline-block; width: 256px; height: 61px; text-align: center;  box-sizing: border-box; }
#container .cont_header .nav ul li a {color: #fff; padding-top: 23px; display: block; width: 256px; height: 42px; background:  url('http://img.imbc.com/broad/tv/ent/thankyou/img/nav_hotpink_bar.jpg') no-repeat left 25px;}
#container .cont_header .nav ul li.first-child a{ background: none; }

#container .cont_header .nav ul li:hover a, #container .cont_header .nav ul li.on a{ color: #fbf9c8; }
.nav_on_hart{ background: url('http://img.imbc.com/broad/tv/ent/thankyou/img/nav_on_hart.png') no-repeat; display:block; position:absolute; width:35px; height:35px; }

.box-info {position: absolute;top: 0;padding: 10px 0 0 304px;font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum;font-size: 14px;color: #606060;line-height: 15px;margin-top: 15px;/* letter-spacing: -1px; */}
.box-info strong{ color: #000; font-size: 16px; line-height: 25px; margin-bottom: 15px; letter-spacing: -1px; }

.info_txt {overflow: hidden;margin-top: 15px;/* letter-spacing: -1px; */}
.info_txt .left_info { float: left; line-height: 23px; letter-spacing: -1px; }
.info_txt .right_info { float: left; line-height: 23px; letter-spacing: -1px; }

.info_txt_02 {overflow: hidden; font-size: 16px; color: #000; padding: 20px 0 0 45px; letter-spacing: -1px; }
.info_txt_02 .left_info { float: left; line-height: 23px; letter-spacing: -1px; }
.info_txt_02 .right_info { float: left; line-height: 23px; letter-spacing: -1px; }

.blue_info { color:#4f81be; float: left; line-height: 23px; letter-spacing: -1px; padding-top: }
#site-footer{position: relative;width: 100%;height: 80px;line-height: 50px;text-align: center;color: #a8a8a8;font-size: 12px;font-family: 'Dotum';padding-top: 50px;border-top: 1px solid #eee;margin: 0 auto;}
.main-wrap, .sub-wrap{background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/thank_bg.jpg") no-repeat center 0; width: 100%; } /*¼­¹ö¿¡ À̹ÌÁö¿Ã¸®°í #wrap¿¡¿¡ bg°øÅëÀ¸·Î ¿Ã¸®¸é µÊ*/

.cont_area {width: 1024px; margin: 0 auto; overflow: hidden;}
/*========================================================================================================================================================================*/

/*¸ÞÀÎ*/
.main-wrap .nav-inner span.nav_on_hart{ display: none; }
.main-wrap .nav-inner span.nav_on_hart:hover { display: block; }


.content_01{ height: 380px; background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/main_thank_bg_v5.png") no-repeat center; }
.content_01 h2.tit_thank {padding-top: 62px;width: 335px;margin: 0 auto;/* text-align: center; */}
.content_02{height: 416px;position: relative;border-top:1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;background-color: #f0f0f0;}
.content_02 h2.tit_concert{padding-top: 33px;width: 341px;margin: 0 auto;text-align: center;}
.content_02 .cont_area .box-area{margin: 30px 0 30px 0;width: 1024px;height: 250px;background-color: rgba(255, 255, 255, 0.7);float: left;position: relative;z-index: 600;/* letter-spacing: -1px; */}
.content_02 .cont_area .box-area .box-title { background-color: #ff94a9; width: 250px; height: 250px;  position: relative; }
.content_02 .cont_area .box-area .box-title .box-logo{ position: absolute; padding-top: 9px; }
.pink_triangle{position: absolute; right: -15px; top: 113px; }
.content_02 .cont_area .request_box{width: 176px;height: 58px;display: inline-block;float: left;z-index: 650;right: 30px;position: absolute;top: 92px;}
.content_02 .cont_area .request_box .horizontal_var { padding: 104px 0 0 107px;  }
.content_02 .cont_area .request_box .box-txt { font-weight : bold; font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum; color: #fff; font-size: 24px; letter-spacing: -2px; margin: 46px 0 0 40px; }
.content_02 .cont_area .request_box .box-txt  .gray_triangle { vertical-align: 0; margin-left: 5px; }
.content02_bg_mc{position: absolute;left: 50%;top: 49px;margin-left: -960px;}
.content_03{height: 400px;/* padding-top: 33px; */background-color: #d6e8ff;border-bottom: 1px solid #d8d8d8;}
.content_03 h2.tit_parade{padding-top: 33px;width: 343px;margin: 0 auto;text-align: center;}
.content_03 .cont_area .box-area{margin-top:30px;width: 1024px;height: 250px;background-color: #fff;display: inline-block;float: left;position: relative;z-index: 600;}
.content_03 .cont_area .box-area .box-title { background-color: #5f95d8; width: 250px; height: 250px;  position: relative; }
.content_03 .cont_area .box-area .box-title .box-logo{ position: absolute; top: -9px; }
.blue_triangle{position: absolute; right: -15px; top:113px; }
.content_03 .cont_area .request_box{width: 176px;height: 58px;display: inline-block;float: left;position: absolute;right: 30px;z-index: 650;top: 92px;}
.content_03 .cont_area .request_box .horizontal_var { padding: 104px 0 0 107px;  }
.content_03 .cont_area .request_box .box-txt { font-weight : bold; font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum; color: #fff; font-size: 24px; letter-spacing: -2px; margin: 46px 0 0 73px; }
.content_03 .cont_area .request_box .box-txt  .gray_triangle { vertical-align: 0; margin-left: 5px; }
.content_04{height: 563px;padding-top: 33px;background-color: #fef2dc;}
.preview_area .broad-num a { color: #5e6c82;}
.preview_area .broad-day a { color: #5e5e5e;}
.preview_area .broad-txt a { color: #000; } 
.vod-list li.list-last a .txt { background: #fff; width: 220px;  height: 199px;  padding: 31px 17px 20px 25px;}
.vod-list li a .txt .broad-title { color: #000;  font-size: 20px; line-height: 29px; letter-spacing: -1px; padding-bottom: 12px; border-bottom: 1px solid #ccc; }

.vod-list li a .txt .broad-day { color: #5e5e5e; font-size: 14px; line-height: 20px; letter-spacing: -1px; padding-top: 104px; }
.vod-list li a .txt { background: #fff; width: 208px; height: 199px; padding: 31px 17px 20px 25px; }
.main-page-container .goodperson_vod { width: 764px; height: 494px; overflow: hidden; }
.preview_area {  padding-bottom: 30px; width: 764px; height: 490px; float: left; margin-right: 10px;}
.preview_box i { text-indent: -9999px; font-size: 0; background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/contents_add.png") no-repeat; position: absolute; top: 178px; left: 213px; width: 25px; height: 25px;}
.content_04 .cont_area .promote-box { margin-top: 10px; height: 250px; width: 250px; background-color: #fff; float: left; }
.promote-box .promote-box-txt { padding: 26px; font-size: 14px; letter-spacing: -1px;  }
.promote-box .promote-box-txt .broad-title { margin-bottom: 15px; }
.promote-box .promote-box-txt .broad-day { padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; }
.promote-box .promote-box-txt .broad-txt { color: #e34a68 ; padding-top: 28px; font-size: 20px; line-height: 25px; }

.content_05 {width:100%;border-top: 1px solid #eee;background-color: #fff;color : #828282;font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum;font-size: 16px;/* padding-top: 21px; */z-index: 350;}
.content_05 .cont_area {width: 1024px;margin: 0 auto;overflow: hidden;padding: 20px 0 20px 0;/* margin-bottom: 15px; */}
.content_05 .cont_area .dl_all { width:816px; margin: auto }
.content_05 .cont_area .dl_all dl{/* width: 278px; */display: inline-block;height: 50px;/* vertical-align: middle; */margin-right: 33px;}
.content_05 .cont_area .dl_all dl dt,
.content_05 .cont_area .dl_all dl dd {  margin-right: 20px;display: inline-block; vertical-align: middle; }
/*========================================================================================================================================================================*/

/*ƯÁýÄܼ­Æ®<°í¸¿½À´Ï´Ù>*/

.sub_pink_box{ background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/sub_pink_box.png") no-repeat; width:889px; height: 178px; margin: 0 auto; position: relative; }
.sub_pink_box_small{ background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/sub_pink_box_small.png") no-repeat; width:889px; height: 178px; margin: 0 auto; position: relative; }
.sub_yellow_box{background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/sub_yellow_box.png") no-repeat;width:889px;height: 178px;margin: 0 auto;position: relative;z-index: 500;margin-top: 25px;}

.content_10{height: 570px;}
.content_10 h2 { width: 219px; margin: 0 auto; text-align: center; padding-top: 40px; }

.content_11{height: 225px;position: relative;width: 100%;}
.content_11 h2 {width: 275px;margin: 0 auto;text-align: center;padding: 20px 0 20px 0;}

.content_11 .concert_request_btn{position: absolute;bottom: 10px;left: 341px;z-index: 600;}
.info_modify_btn{position: absolute;bottom: 40px;right: 60px;z-index: 610;}
/*.info_txt_02 p strong {color : #f62854; font-size: 16px; font-weight: bold; }*/

.content_12{height: 300px;/* margin-bottom: 295px; */}
.content_12 h2 {width: 344px;margin: 0 auto;text-align: center;padding-top: 25px;}
.info_txt_03 { position: absolute; line-height: 25px; font-size: 16px; padding: 25px 0 0 45px;}
.info_txt_03 strong {color : #f62854; font-size: 16px; font-weight: bold; }

.btn-submit-thank{ background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/concert_request_btn.png") no-repeat; width: 341px; height: 72px; border: none; }
.btn-submit-thank:hover { cursor: pointer; }


.sub_star_photo {height: 793px;width: 100%;position: absolute;bottom: 50px;background: url("http://img.imbc.com/broad/tv/ent/thankyou/img/sub_star_photo_v2.png") no-repeat center 0;/* z-index: 400; *//* margin-bottom: 139px; */}
/*========================================================================================================================================================================*/

/*Thank U È£±¹º¸ÈÆ ÆÛ·¹À̵å*/
#container .cont_wrap .content_08{width: 1024px; margin: 0 auto; margin-top: 50px;}
#container .cont_wrap .content_08 p{font-size: 16px;letter-spacing: -1px;margin-bottom: 5px;line-height: 17px;}
#container .cont_wrap .content_08 p span{ font-size: 14px; color: #ee385c; }
#container .cont_wrap .content_09{width: 1024px; margin: 0 auto; margin-top: 60px; position: relative;  }
#container .cont_wrap .content_09 table{position: absolute; top: 97px; left: 55px; font-size: 16px; }
#container .cont_wrap .content_09 table tr {}
#container .cont_wrap .content_09 table tr td { width: 450px; height: 43px; vertical-align: middle; text-align: center; }
#container .cont_wrap .content_09 .parade_info{font-size: 14px; position: absolute; left: 60px; bottom: 30px; margin-top: 20px;}
#container .cont_wrap .parade_btn{width: 341px; height: 72px; margin:    40px auto 60px; }
#container .cont_wrap .parade_btn a img{ text-align: center; }


/*========================================================================================================================================================================*/

/* Âü¿©Àå¼Ò¾È³»  */
#container h2.header_02{ padding-bottom: 10px; border-bottom: 1px solid #000; margin-top: 40px; color: #000; font-size: 20px; font-weight: bold; }
#container .cont_wrap .content_06 { width: 904px; margin: 0 auto; }
#container .cont_wrap .content_06 .map { text-align: center; padding-top: 32px; border-bottom: 1px solid #e2e2e2; }
#container .cont_wrap .content_06 .map p{text-align: left; font-size: 16px;  margin-left: 88px;}
.map_info_01{ margin-top: 23px;  }
.map_info_02{margin-top: 12px; }
.map_info_03{margin-top: 12px; padding-bottom: 20px; }

#container .cont_wrap .content_06 .map_txt { overflow: hidden; position: relative; margin-bottom: 20px; padding-bottom: 80px;}
#container .cont_wrap .content_06 .map_txt h3 { margin-bottom: 30px;  }
#container .cont_wrap .content_06 .map_txt .subway ul li{ margin-bottom: 24px; padding-left: 21px; line-height: 1.7; background-repeat: no-repeat; background-position: 0 3px; }
#container .cont_wrap .content_06 .map_txt .subway{
    border-right: 1px solid #e2e2e2;
    margin-right: 54px;
    width: 397px;
    padding-right: 54px;
}
#container .cont_wrap .content_06 .map_txt .bus{ width: 397px;  }
#container .cont_wrap .content_06 .map_txt .bus p { margin-bottom: 9px;  }
#container .cont_wrap .content_06 .map_txt .subway, 
#container .cont_wrap .content_06 .map_txt .bus{ 
    overflow: hidden; 
    position: relative; 
    float: left;    
    padding-top: 49px; 
    line-height: 1.42857;
    color: #333;
    font-family: 'Nanum Gothic';
    font-size: 12px;
}
#container .cont_wrap .content_07 { width: 904px; margin: 0 auto; }
#container .cont_wrap .content_07 .map { text-align: center; padding-top: 32px; border-bottom: 1px solid #e2e2e2; }
#container .cont_wrap .content_07 .map p{text-align: left; font-size: 16px; margin-left: 88px; }
#container .cont_wrap .content_07 .map_txt { overflow: hidden; position: relative; margin-bottom: 20px; padding-bottom: 80px;}
#container .cont_wrap .content_07 .map_txt h3 { margin-bottom: 30px; padding-top:30px;}
#container .cont_wrap .content_07 .map_txt .subway ul li{ margin-bottom: 24px; padding-left: 21px; line-height: 1.7; background-repeat: no-repeat; background-position: 0 3px; }
#container .cont_wrap .content_07 .map_txt .subway{
    margin-right: 54px;
    width: 397px;
    float: left;
}
#container .cont_wrap .content_06 .map_txt .bus{ width: 397px;  }
#container .cont_wrap .content_06 .map_txt .bus p { margin-bottom: 9px; }
#container .cont_wrap .content_06 .map_txt .subway, 
#container .cont_wrap .content_06 .map_txt .bus{ 
    overflow: hidden; 
    position: relative; 
    float: left;    
    padding-top: 49px; 
    line-height: 1.42857;
    color: #333;
    font-family: 'Nanum Gothic';
    font-size: 12px;
}
.subway .subwayline-green { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-subwayline-green.png"); }
.subway .subwayline-blue { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-subwayline-blue.png"); }
.subway .subwayline-yellow { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-subwayline-yellow.png"); }
.subway .subwayline-mint { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-subwayline-mint.png"); }
#container .cont_wrap .content_07 .map_txt .bus {width: 398px;padding-left: 53px;margin-left: -1px;border-left: 1px solid #e2e2e2;line-height: 1.7;float: left;}
#container .cont_wrap .content_07 .map_txt .bus h3{ margin-bottom: 23px; font-weight: bolder; font-size: 14px; }
#container .cont_wrap .content_07 .map_txt .bus p { margin-bottom: 9px; }

.bus .busline { padding-left: 31px; background-repeat: no-repeat; background-position: 0 2px; }
.bus .busline-green { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-busline-green.png"); }
.bus .busline-blue { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-busline-blue.png"); }
.bus .busline-mint { background-image: url("http://img.imbc.com/broad/tv/ent/thankyou/img/icon-busline-mint.png"); }
.bus .busline-red { background-image: url("http://nanum.imbc.com/2015foodbank/img/icon-busline-red.png"); }

/*========================================================================================================================================================================*/

/*´Ù½Ãº¸±â*/

.content_13{width: 1024px; margin: 0 auto;margin-top: 50px;text-align: center;}
.content_13 .thanku_vod{float: left; text-align: left; margin-right: 20px; width: 754px;}

/*========================================================================================================================================================================*/


/* ´ç÷ÀÚ¹ßÇ¥ */
.content_14{width: 1024px;height: 4700px;margin: 0 auto;margin-top: 35px;text-align: center;}
.content_14 .concert_winner{margin-top: 30px;text-align:center;font-weight:bold;font-size:16px;}
.content_14 .concert_winner span{color: #f62854;}
.content_14 .concert_winner .winner_info{ line-height:40px; color: #f62854; font-weight:bold;}
.content_14 .concert_table {margin: 0 auto;width: 500px;margin-top: 20px;}
.content_14 .concert_table table {width: 250px;float: left;margin-left: -1px;border: 1px solid #ccc;border-bottom: 0;}
.content_14 .concert_table table th {height: 44px;background-color: #f3738d;text-align: center;color: #000;font-size: 12px;font-weight: bold;vertical-align: middle;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.content_14 .concert_table table th.th-name {width: 97px;background: #f3738d;border-right: 1px solid #ccc;}
.content_14 .concert_table table td { height: 33px; text-align: center; background-color: #fff; color: #000; font-size: 12px; vertical-align: middle; border-bottom: 1px solid #ccc; }
.content_14 .concert_table table td.td-name { background-repeat: repeat-y; background-position: right center;  color: #000;  border-right: 1px solid #ccc;  }
.content_14 .concert_table table tr.tr-even td { background-color: #eee; }