@charset "utf-8";

/*basic HTML set*/
* {margin:0; padding:0;}
ul {margin:0; padding:0;}
a {text-decoration:none;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
img {border:0px;}
.wrap {width:1008px; height:650px; overflow:none; font-family: 'Open Sans', sans-serif;}

/*basic common area element*/
.content_area {position: absolute; width:1008px; height:590px; top:0px; left:0px;}
.bottom_area {position: absolute; width:1008px; height:60px; top:590px; left:0px; background-color:#3c4655;}
.title_area {position: absolute; left:15px; top:15px; width:600px;}
.title_area li {display:inline-block; float:left; zoom:1; *display:inline;}
.title_area li span{display:inline;}
.control_area {position: absolute; color:#ffffff;  top:10px; right:20px; height:60px;}
.control_area li {display:inline-block; float:left; zoom:1; *display:inline;}
.content_wrap {position: absolute; width:1008px; height:590px; left:0px; top:0px;}
.contents_iframe_area {position: absolute; width:960px; height:530px; left:23px; top:55px;}

/*button element*/
.content_title {position: relative; left:5px; font-size: 20px; color:#ffffff; max-width:350px;}
.week_title_class{position: relative; top:6px; left:10px; font-size:14px; color:#78cee7;}
.week_title {position: relative; top:6px; left:10px; font-size: 14px; color:#a1e2f5; max-width:300px;}
.move_btn_none {position: relative; top:10px; font-size: 13px; color:#7d8899;}
.move_btn {position: relative; top:10px; font-size: 13px; color:#9faec5;}
.move_btn:hover {color:#ffffff;}
.current_page {position: relative; font-size: 30px; color:#ffffff;}
.total_page {position: relative; top:12px; font-size: 15px; color:#c7c7c7;}
.divide_img {position: relative; top:12px; width:25px;height:10px; background-image:url('../../contents_common/img/divide.png');}
.help_btn {position: relative; top:8px; font-size: 11px; color:#9dbfc2; background-color:#4d7586; padding:5px 8px 5px 8px; margin-right:20px; border-radius:8px;}
.help_btn:hover{color:#ffffff; background-color:#6d95a6; cursor:help;}
.next_btn_click {position: absolute; z-index:50; left:870px; top:535px; background-image:url('../../contents_common/img/next_page_img.png'); background-repeat: no-repeat; font-size:13px; width:86px; height:55px; padding:16px 5px 0 5px; text-align:center;}

/*top block element**/
.top_area {position: absolute; left:40px; top:30px; width:968px; z-index:1;}
.top_navigation {position: absolute; font-size:13px;}
.top_navigation li {display:inline-block; zoom:1; *display:inline; float:left;}
.nav_current {color:#4b4b4b; font-weight:bold;}
.nav_diactive {color:#bbbbbb;}
.nav_diactive:hover {color:#4b4b4b;}
.nav_line {width:20px; border-bottom:1px dotted #bbbbbb; height:10px;}
.top_ci {position: absolute; left:785px; top:0px;}

/*media element**/
.media_wrap{position: absolute; left:80px; top:50px;}
.ycc_rate_area{padding-top:50px; font-size:11px;}
.ycc_rate_area li{display:inline-block;}
.bg_sound_btn{padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; background:#F361A6;}
#audio_div{margin:5px 25px 0 0; }
.downbtn{background-color:#22a1cb; padding:10px; border:0;  border-radius:5px; color:#ffffff; font-size:15px;}
.downbtn:hover{background-color:#2288a9; cursor:pointer;}