/**************************************************************************************************
* front page basic style
***************************************************************************************************/

/*************** basic style ******************************/
html {
    width:100%; 
    height:100%;    
}

body {
    scrollbar-face-color:#f3f3f3; 
    scrollbar-shadow-color:#dedede; 
    scrollbar-highlight-color:#f4f4f4; 
    scrollbar-3dlight-color:#fefefe; 
    scrollbar-darkshadow-color:#f3f3f3; 
    scrollbar-track-color:#f8f8f8;
    scrollbar-arrow-color:#3f3f3f;
    font-size:12px;
    line-height:150%;
    font-style:"dotum";
    color:#555555;    
    width:100%; 
    height:100%;
}

* {margin:0px; padding:0px; list-style:none; font-family:"dotum"; word-break: break-all;}
frame  {border:none;}

img  {border:none; vertical-align:top;
	  selector-dummy:expression(this.hidefocus=true);}

th, td {
    font-size:12px;
    line-height:150%;
    word-break: break-all;
}

a {selector-dummy : expression(this.hideFocus=true);
   outline-style:none; text-decoration:none; color:#555555;}
a:hover, a.selected {color:#ff6600;}



/*************** form style ******************************/
input {padding:2px 2px 0 2px; height:14px;}
input.line {
    border-left:1px solid #949494; 
    border-top:1px solid #949494; 
    border-right:1px solid #fff; 
    border-bottom:1px solid #fff;
    line-height:14px;
}
input.file_line {
    border-left:1px solid #949494; 
    border-top:1px solid #949494; 
    border-right:1px solid #fff; 
    border-bottom:1px solid #fff;
    height:18px;
}
input.check {width:14px; height:14px; margin:2px 3px 0 0;}
input.radio {width:14px; height:14px; margin:2px 3px 0 0;}


select {height:19px; color:#787878; margin-bottom:-2px;}
select option {margin-right:10px;}

textarea {
    scrollbar-face-color:#f3f3f3; 
    scrollbar-shadow-color:#dedede; 
    scrollbar-highlight-color:#f4f4f4; 
    scrollbar-3dlight-color:#fefefe; 
    scrollbar-darkshadow-color:#f3f3f3; 
    scrollbar-track-color:#f8f8f8;
    scrollbar-arrow-color:#3f3f3f;
    background-color:#ffffff; 
    border-left:1px solid #949494; 
    border-top:1px solid #949494; 
    border-right:1px solid #fff; 
    border-bottom:1px solid #fff;
    padding:5px 2px;
    width:100%;
    height:150px;
}

input, select, textarea {
    font-size:11px;
    line-height:14px;
    font-family:"dotum"; 
    color:#686868;
}

span.form {float:left; display:inline; margin-right:20px;}
span.formend {float:left; margin-right:5px;}
span.form input.check, span.form input.radio, 
span.formend input.check, span.formendinput.radio 
{float:left; display:inline; margin-top:2px;}
span.form02 {margin-left:20px;}



/*************** layout style ******************************/
/* background */
div#wrapper {    
    background:url('/public/images/common/body_bg_rt.gif') right top repeat-y;
    width:100%;  
    min-width:1133px; 
    min-height:100%;
    position:relative;
}

div#inner_wrapper {
    background-position:left top;
    background-repeat:repeat-x;
    background-color:#fff;
    height:inherit;
    margin-right:81px;
}

div#container {
    width:1052px;
    position:relative;
}
body.sub_main div#container {
    height:645px;
}

div#main_cont {
    width:678px;    
    margin:140px 0 70px 234px;   
}
body.sub_main div#main_cont {
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:15;
}


/* sub main */
div#sub_main {
    width:1052px;
    height:645px;
    background-position:left top;
    background-repeat:no-repeat;
}

/* navigation */
div#bar_navi {    
    position:absolute;
    right:0;
    top:0;    
    text-align:right;  
    overflow:hidden;
}

div#bar_navi.bar_open {width:600px; z-index:20;}
div#bar_navi.bar_close {width:80px; z-index:5;}

div#main_navi {
    width:1052px;
    height:222px;
    position:relative;
    z-index:10;
}

div#main_navi object {
    width:1052px;
    height:222px;
    position:relative;
    z-index:15;
}

div#sub_navi {
    float:left;
    width:186px;
    height:600px;
}

div#sub_navi img, div#sub_navi object {
    width:186px;
    height:600px;
}


/* quick */
div#quick_navi {
    width:58px;
    position:absolute;
    left:944px;
    top:258px;
    z-index:10;
}
body.main div#quick_navi, body.sub_main div#quick_navi {top:126px;}

div#quick_navi div#search {
    background:url('/public/images/common/box_quick_search.gif') left bottom no-repeat;
    margin-top:18px;
    padding-bottom:9px;
    height:39px;
}
div#quick_navi div#search span.tit img {
    width:58px; 
    height:17px;
    margin-bottom:6px;
}
div#quick_navi div#search input.line {
    border:1px solid #e6e6e6;
    background-color:#e6e6e6;
    width:33px;
    height:14px;
    line-height:11px;
    margin:0;
    padding:0 3px;
    float:left;
}
div#quick_navi div#search input.btn {
    width:14px;
    height:14px;
    margin:1px 0;
    padding:0;
    float:right;
}

div#quick_navi div#quick_menu {
    background:url('/public/images/common/box_quick_navi.gif') left bottom no-repeat;
    margin-top:22px;
    padding-bottom:2px;
}
div#quick_navi div#quick_menu span.tit img {
    width:58px; 
    height:38px;
}
div#quick_navi div#quick_menu ul {
    background-color:#fff;
    width:42px;
    padding:1px 8px 10px 8px;
}
div#quick_navi div#quick_menu ul li {
    background:url('/public/images/common/blt_quick_navi.gif') left 3px no-repeat;
    margin-top:5px;
    padding:0 0 0 6px;
    height:9px;
    line-height:9px;
}
div#quick_navi div#quick_menu ul li.end {margin-top:12px;}
div#quick_navi div#quick_menu ul li img {
    float:left;
    width:36px;
    height:9px;
    margin:0;
}



/*************** sub title style ******************************/
/* basic */
div#sub_tit {
    float:left;
    position:relative;
    width:696px;
    height:90px;
    margin:0 0 50px 30px;
}

div#sub_tit h1 {
    font-size:12px;
}

div#sub_tit h1 span.tit {
    position:absolute;
    left:0;
    top:0;
}

div#sub_tit h1 span.tit img {
    width:270px;
    height:90px;
}

div#sub_tit h1 span.copy {
    position:absolute;
    left:270px;
    top:63px;
}

div#sub_tit h1 span.copy img {
    width:426px;
    height:27px;
}


/* location */
div#sub_tit ul#location {
    position:absolute;
    right:0;
    top:15px;
}

ul#location li {
    background:url('/public/images/common/blt_location_tit.gif') left 5px no-repeat;  
    float:left;
    font-size:11px;
    color:#888888;
    margin-left:7px;
    padding-left:10px;
}

ul#location li.home {background-image:none;}
ul#location li.home a {
    background:url('/public/images/common/location_tit_home.gif') left top no-repeat; 
    display:block;
    width:28px;
    height:7px;
    margin-top:4px;
    text-indent:-10000px;
}
ul#location li a {color:#888888;}
ul#location li a:hover, ul#location li.selected a {color:#ff6600;}



/*************** footer style ******************************/
div#footer {
    clear:both;
    position:relative;
    width:930px;
    height:117px;
    background:url('/public/images/common/footer_bg.gif') left top no-repeat;
}
body.sub_main div#footer, body.main div#footer {background-image:none;}

div#footer ul {
    position:absolute;
    left:234px;
    top:20px;
}
body.sub_main div#footer ul,
body.sub_main div#footer p.copyright,
body.sub_main div#footer p.address {left:27px;}

div#footer ul li {
    background:url('/public/images/common/blt_footer_menu.gif') left 4px no-repeat;
    float:left;
    padding:0 7px 0 8px;
    height:9px;
}
div#footer ul li.f01 {
    background-image:none; 
    padding-left:2px;
}
div#footer ul li img {height:9px; float:left;}
div#footer ul li.f01 img {width:32px;}
div#footer ul li.f02 img {width:28px;}
div#footer ul li.f03 img {width:60px;}
div#footer ul li.f04 img {width:72px;}
div#footer ul li.f05 img {width:40px;}
div#footer ul li.f06 img {width:56px;}

div#footer p.copyright {
    position:absolute;
    left:234px;
    top:48px;
    line-height:5px;
}
div#footer p.copyright img {
    width:288px; 
    height:5px;
}

div#footer p.address {
    position:absolute;
    left:234px;
    top:60px;
}
div#footer p.address img {
    width:222px; 
    height:20px;
}
div#footer p.address a img {
    position:absolute;
    left:206px;
    top:11px;
    width:142px; 
    height:9px;
}
/*100426_MSKIM : START*/
div#footer div.submain_coop_site {
    position:absolute;
	left:578px;
	width:535px;	   
}
div#footer div.coop_site {
    position:absolute;
    left:370px;
	width:535px;	
}
div#footer div.coop_site ul li, div#footer div.submain_coop_site ul li {
    background:none;
    float:left;
    padding:0 5px 0 0;
    height:9px;
}
div#footer div.coop_site ul li img, div#footer div.submain_coop_site ul li img {height:22px;  float:left;}
div#footer div.coop_site ul li.f01 img, div#footer div.submain_coop_site ul li.f01 img {width:77px;}
div#footer div.coop_site ul li.f02 img, div#footer div.submain_coop_site ul li.f02 img {width:84px;}
div#footer div.coop_site ul li.f03 img, div#footer div.submain_coop_site ul li.f03 img {width:55px;}
div#footer div.coop_site ul li.f04 img, div#footer div.submain_coop_site ul li.f04 img {width:64px;}

div#footer p.goodmark_site {
    position:absolute;
    left:727px;
    top:50px;
}
/*100426_MSKIM : END*/
div#footer p.goodmark_site ul. li {
    float:left;
    padding:0 9px 0 11px;
}

div#footer p.goodmark_site ul li.g01 {
    background-image:none; 
    padding-left:2px;
}
div#footer p.goodmark_site ul li img {height:29px; float:left;}
div#footer p.goodmark_site ul li.g01 img {width:32px;}
div#footer p.goodmark_site ul li.g02 img {width:32px;}
div#footer p.goodmark_site ul li.g03 img {width:64px;}
div#footer p.goodmark_site ul li.g04 img {width:72px;}
div#footer p.goodmark_site ul li.g05 img {width:72px;}
/*************** tab / step ******************************/
/* tab menu */
ul.tab01 {
    background-position:left 3px;
    background-repeat:repeat-x;
    width:100%;
    height:33px;
}
ul.tab01 li {
    float:left;
    height:33px;
    border-right:1px solid #fff;
}
ul.tab01 li.end {
    border-right:none;
}
ul.tab01 li img {height:33px;}


ul.tab02_top {
    background-position:left 3px;
    background-repeat:repeat-x;
    width:100%;
    height:27px;
}
ul.tab02_ct {
    background-position:left top;
    background-repeat:repeat-x;
    width:100%;
    height:24px;
    margin-top:1px;
}
ul.tab02_btm {
    background-position:left top;
    background-repeat:repeat-x;
    width:100%;
    height:27px;
    margin-top:1px;
    padding-bottom:3px;
}
ul.tab02_top li, ul.tab02_btm li {
    float:left;
    height:27px;
    border-right:1px solid #fff;
}
ul.tab02_ct li {
    float:left;
    height:24px;
    border-right:1px solid #fff;
}
ul.tab02_top li.end, ul.tab02_ct li.end, ul.tab02_btm li.end {
    border-right:none;
}
ul.tab02_top li img, ul.tab02_btm li img {height:27px;}
ul.tab02_ct li img {height:24px;}


ul.tab03 {
    background-position:left 3px;
    background-repeat:repeat-x;
    width:100%;
    height:36px;
}
ul.tab03 li {
    float:left;
    height:36px;
    border-right:1px solid #fff;
}
ul.tab03 li img {height:36px;}


ul.tab04 {margin-top:12px;}
ul.tab04 li {
    float:left;
    display:inline;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    margin:0 10px -1px 0;    
    height:26px;
}
ul.tab04 li.end {margin:0 -2px -1px -1px;}
ul.tab04 li a {
    float:left;    
    padding:1px 0 0 12px;
    margin:4px 3px 0 3px;    
    height:17px;
}
ul.tab04 li a:hover {
    padding-left:18px;
    color:#fff;
}

.fsize1 ul.tab04 *,
.fsize2 ul.tab04 *,
.fsize3 ul.tab04 *,
.fsize4 ul.tab04 * {font-size:12px;}



/* tab_sub menu */
ul.tab_sub01 {
    float:left;
    width:148px;
    margin-top:33px;
}
ul.tab_sub01 li {
    height:16px;
    margin-bottom:10px;
}
ul.tab_sub01 li img {height:16px;}
ul.tab_sub01 li.row, ul.tab_sub01 li.row img {height:29px;}



/* step */
div.step {margin-top:15px;}
div.step ul {float:left;}

div.step li img {height:68px;}
div.step li.arrow {height:64px;}

div.step ul.step_lt li {float:left;}
div.step ul.step_rt li {float:right; padding-top:24px;}
div.step ul.step_rt li.arrow {margin-top:24px; padding-top:0;}



/*************** scrap/font size ******************************/
/* font size */
.fsize1 * {font-size:11px; line-height:150%;}
.fsize1 * .cmt {font-size:11px;}
.fsize2 * {font-size:12px; line-height:150%;}
.fsize2 * .cmt {font-size:11px;}
.fsize3 * {font-size:13px; line-height:150%;}
.fsize3 * .cmt {font-size:12px;}
.fsize4 * {font-size:14px; line-height:150%;}
.fsize4 * .cmt {font-size:13px;}


/* scrap */
div.scrap {
    position:absolute;
    right:143px;
    top:340px;
}
div.scrap img {
    width:91px;
    height:15px;
}



/*************** text/title style ******************************/
/* title */
h2,h3,h4 {
    font-size:11px;
    line-height:11px;
    font-weight:normal;
}

h2 {
    margin-top:40px;
    height:15px;
}
h2.none {margin-top:0;}
h2.tab {margin-top:33px;}
h2.btn {margin-top:7px;}
h2 img {height:15px;}
h2.num, h2.num img {height:27px;}
/*0504Γί°‘*/
h2.num1, h2.num1 img {height:43px;}
/*0504Γί°‘*/

h2 p.cmt {
    text-align:right;
    margin-top:-12px;
}


div.manual h2, div.manual h3 {
    margin:27px 0 8px 0; 
    font-size:12px;
    line-height:150%;
    font-weight:bold;
}

h3 {
    margin-top:30px;
    height:14px;
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:12px;
}
h3.none {margin-top:0;}
h3.tab {margin-top:33px;}
h3.tit {margin-top:18px;}
h3.btn {margin-top:12px;}
h3.num {
    height:15px;
    padding:0;
}
h3.num img {height:15px;}
h3 img {height:14px; float:left;}

h4 {
    margin-top:20px;
    height:11px;
    padding-left:12px;
}
h4.tit {margin-top:18px;}
h4.btn {margin-top:0;}
h4 img {}
/****(2008.12.01) h4 img {height:11px;}****/
h4.txt {
    font-size:12px;
    line-height:100%;
    color:#ff6600;
    margin:29px 0 -4px 0;
}
h4.txt.tit {margin-top:18px;}


/* point */
.ptxt01 {color:#ff6600;}
.ptxt01 a {color:#ff6600;}

.ptxt01_b {color:#ff6600; font-weight:bold;}


/* text */
p.txt01, p.txt02, ul.txt01, ul.txt02, ul.txt03, ul.txt04, dl.txt01, ol.txt01 {
    margin:10px 0 -4px 12px;
    float:none;
}

p.txt05 {
    margin:29px 0 -4px 0;
    float:none;
}

p.txt01.ct, p.txt02.ct, ul.txt01.ct, ul.txt02.ct {margin:16px 0 12px 12px;}
p.txt01, ul.txt03, ol.txt01 {margin-left:0;}
ul.txt04 {margin:2px 0 -4px 0;}

ul.txt01 li, ul.txt03 li, ul.txt04 li {
    background:url('/public/images/common/blt_con_tit01.gif') 0 7px no-repeat;
    padding-left:8px;    
}

ul.txt01 li.cmt {background-image:none;}

ul.txt01 li.sub, ul.txt03 li.sub {
    background-image:none;
    padding-bottom:5px;
}
ul.txt01 li.sub ul li, ul.txt03 li.sub ul li {
    background:url('/public/images/common/blt_con_tit02.gif') 2px 8px no-repeat;
    padding-left:10px;
}

ul.txt02 li {
    background:url('/public/images/common/blt_con_tit02.gif') 2px 8px no-repeat;
    padding-left:10px;
    /* clear:both; */
}

ul.txt03 li span.ptxt, ul.txt03 li span.ptxt01 {float:none;}
ul.txt01 li.bgnone, ul.txt02 li.bgnone, 
ul.txt03 li.bgnone, ul.txt04 li.bgnone,
ul.txt01 li.sub ul li.bgnone {background:none;}
ul.txt01 li.sub ul.num_txt {margin:3px;}
ul.txt01 li.sub ul.num_txt li {background:none; padding:0; font-size:11px;}
ul li .cmt, ul li ul.txt02 {margin:0;}

p.txt03 {
    margin-top:30px;
    float:none;
}

ul.txt03 li span.bar {
    background-image:none;
    font-size:11px;
    color:#b6b6b6;
    padding:0 10px;
}

ol.txt01 span.mgn {margin-left:1.7em;}
ul li.num_sub {margin-left:15px;}
ul li.num_sub span {margin-left:15px;}


/* comment_11px */
.cmt, .cmt * {
    font-size:11px;
    line-height:150%;
}

p.cmt {margin:10px 0 0 8px;}
p.cmt img {margin:2px 0 0 -8px;}

ul.cmt {margin:10px 0 0 8px;}
ul.cmt li {
    background:url('/public/images/common/blt_con_tit02.gif') left 6px no-repeat;
    padding-left:8px;
}

ul.cmt li span.bar {
    background-image:none;
    font-size:10px;
    color:#b6b6b6;
    padding:0 10px;
}

div.board_form p.cmt, div.board_form ul.cmt {margin-left:0;}


/* icon text */
ul.txtnum {
	margin-top:10px;
	float:none;
    width:100%;
}
ul.txtnum li {
	padding:1px 0 1px 15px;
	background-repeat:no-repeat;
	background-position:left 5px;
}
ul.txtnum li.no01, span.no01 {
    background-image:url('/public/images/common/ico_num01.gif');
}
ul.txtnum li.no02, span.no02 {
    background-image:url('/public/images/common/ico_num02.gif');
}
ul.txtnum li.no03, span.no03 {
    background-image:url('/public/images/common/ico_num03.gif');
}
ul.txtnum li.no04, span.no04 {
    background-image:url('/public/images/common/ico_num04.gif');
}


/*************** contents style ******************************/
/* button */
div.btn {
    text-align:right;
    margin-top:12px;
}
div.btn.txt {margin-top:-18px;}
div.btn img {height:21px;}
div.btn.none {margin-top:0;}
div.btn input {
    height:21px;
    margin:0;
    padding:0;
}

span.btn02 {
    padding-left:10px;
    margin-bottom:4px;    
}
span.btn02 img {
    height:18px;
    margin:0 1px 4px 0;
}

div.btn03 {
    margin:12px 0 0 12px;
}
div.btn03 img {
    height:18px;
    margin:0 4px 0 0;
}

div.board_btn {
    text-align:right;
    margin-top:18px;
}
div.board_btn02 {
    text-align:right;
    margin-top:-5px;
}
div.board_btn img, div.board_btn02 img {height:21px; margin-left:2px;}
div.board_btn input, div.board_btn02 input {
    height:21px;
    margin:0 0 0 2px;
    padding:0;
}

div.page_btn {
    text-align:right;
    margin-top:5px;
}
div.page_btn img {height:21px;}

a.tbl_btn img {
    height:18px;
    margin-left:4px;
}


/* title + button */
div.h2_btn div.btn {margin-top:-17px;}

div.h2_btn02 h2, div.h2_btn02 h2 img {height:15px;}
div.h2_btn02 h2.eng, div.h2_btn02 h2.eng img {height:13px;}
div.h2_btn02 div.btn {margin:-15px 0 -6px 0;}
div.h2_btn02 div.btn img {height:18px;}

div.h3_btn h3 {float:left;}
div.h3_btn span.btn02 img {margin:28px 0 -3px 0;}

div.h3_tit_btn h3 {float:left; margin-top:18px;}
div.h3_tit_btn span.btn02 img {margin:16px 0 -3px 0;}



/* image */
p.img01 {margin-top:15px;}
p.img02 {margin:40px 0;}


/* select menu */
div.select_menu {
    float:right;
    margin:-17px 0 0 0;
}
div.select_menu label img {
    height:11px;
    margin:4px 4px 0 0;
}
div.select_menu select {position:relative;}


div.board_select {
    text-align:right;
    margin:0 0 12px 0;
}
div.board_select label img {
    height:11px;
    margin:4px 4px 0 0;
}


/* info */
div.info dl {float:left;}
div.info * {word-break:normal;}

div.info dl dt {
    background-position:left top;
    background-repeat:no-repeat;
    font-size:11px;
    font-weight:bold;
    color:#0079a1;
    float:left;
    padding-top:4px;
    line-height:11px;
}

div.info dl dd {
    float:left;
    padding:3px 0 0 5px;
    line-height:12px;
}

div.info dl.phone dt {
    background-image:url('/public/images/common/icon_phone.gif');
    padding-left:15px;
}

div.info dl.fax dt {
    background-image:url('/public/images/common/icon_fax.gif');
    padding-left:19px;
}

div.info dl.email dt {
    background-image:url('/public/images/common/icon_email.gif');
    padding-left:20px;
}

div.box_type02 div.cont div.info {
    background-color:#f4f4f4;
    float:left;    
    padding:8px 12px;
    width:370px;
}
div.box_type02 div.cont div.info dl.email {margin-top:5px;}


/* bar */
span.bar {
    background:url('/public/images/common/bar_txt01.gif') center no-repeat;
    width:5px;
    height:10px;
    padding:0 10px;
}

div.info span.bar {
    background-position:center 3px;
    float:left;
    height:15px;
}
p.txt01 span.bar, table#phone_tbl02 span.bar {
    background-image:none;
    color:#bfbfbf;
}



/*************** box style ******************************/
/* box01 */
div.box_type01 {
    background-color:#f4f4f4;
    position:relative;
    width:100%; 
    margin-top:12px;
}
div.box_type01.txt {margin-top:14px;}

div.box_type01 div.top {
    background:url('/public/images/common/box_type01.gif') right top no-repeat;
    width:100%;
    height:1px;
    position:absolute;
    top:0;
}
div.box_type01 div.top span {
    background:url('/public/images/common/box_type01.gif') left top no-repeat;
    width:1px; height:1px;
    display:block;
}

div.box_type01 div.btm {
    background:url('/public/images/common/box_type01.gif') right bottom no-repeat;
    width:100%;
    height:1px;
    position:absolute;
    bottom:0;
    
}
div.box_type01 div.btm span {
    background:url('/public/images/common/box_type01.gif') left bottom no-repeat;
    width:1px; height:1px;
    display:block;
}

div.box_type01 div.cont {
    padding:12px;
    position:relative;
}


/* box02 */
div.box_type02 {
    background:url('/public/images/common/box_type02.gif') left top repeat-y;
    position:relative;
    width:100%; 
}

div.box_type02 div.top {
    background:url('/public/images/common/box_type02_top.gif') left top no-repeat;
    width:100%;
    height:71px;
}

div.box_type02 div.btm {
    background:url('/public/images/common/box_type02_btm.gif') left bottom no-repeat;
    width:100%;
    height:47px;
}

div.box_type02 div.cont {
    margin:0 34px 0 34px; 
    background-position:left top;
    background-repeat:no-repeat;
    padding:0 0 0 216px;
}

div.box_type02 div.cont p.tit, div.box_type02 div.cont p.cmt {margin-bottom:21px;}

/*091111_MSKIM : START*/
/* box03 */
div.box_type03 {	
    background-color:#f4f4f4;
    position:relative;
    width:350px; 
    margin:12px 0 0 20px;
	float:left;
}
div.box_type03 div.cont {    
    position:relative;
}
/*091111_MSKIM : END*/

/*************** vod skin ******************************/
/* basic */
div.vod {
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;    
}

div.vod div.vod_view {
    position:absolute;
    top:8px;
    left:8px;
    text-align:center;
}

div.vod div.vod_status {
    position:absolute;
    left:8px;
    height:29px;
}
div.vod div.vod_status div {float:left;}

div.vod div.vod_btn img.btn01 {
    width:30px;
    height:29px;
}
div.vod div.vod_btn img.btn02 {
    width:24px;
    height:23px;
    margin:3px 0 0 -1px;
}

div.vod div.time {
    background:url('/public/images/common/bar_vod_time.gif') left center repeat-x;
    height:14px;
    margin:9px 0 0 9px;
}
div.vod div.time a {
    position:relative; 
    display:block;  
}
div.vod div.time img {
    position:absolute;
    top:2px;    
    width:12px;
    height:9px;    
}


div.vod div.volume {
    background:url('/public/images/common/vod_volume_bg.gif') left center no-repeat;
    width:53px;
    height:18px;
    margin:6px 0 0 12px;
}
div.vod div.volume a img.volume {
    width:8px;
    height:7px;
    float:left;    
    margin:6px 0 0 5px;
}

div.vod div.volume div.state {
    width:33px;
    height:8px;
    position:relative;
    left:3px;
    top:5px;
    background:url('/public/images/common/bar_volume_off.gif') left 4px repeat-x;
}
div.vod div.volume div.state span.on {
    background:url('/public/images/common/bar_volume_on.gif') left 4px repeat-x;
    margin-right:-12px;
    float:left;
    height:6px; 
}
div.vod div.volume div.state a {
    float:left; 
}
div.vod div.volume div.state a img {
    width:12px;
    height:9px;    
}


/* size01 320*240 */
div.vod#vod_size01 {
    background-image:url('/public/images/common/vod_skin01_bg.jpg');
    width:336px;
    height:301px;    
}

div.vod#vod_size01 div.vod_view {
    width:320px;
    height:240px;
}

div.vod#vod_size01 div.vod_status {top:260px;}
div.vod#vod_size01 div.time {width:189px;}
div.vod#vod_size01 div.time a {width:177px;}


/* size02 400*300 */
div.vod#vod_size02 {
    background-image:url('/public/images/common/vod_skin02_bg.jpg');
    width:416px;
    height:361px;    
}

div.vod#vod_size02 div.vod_view {
    width:400px;
    height:300px;
}

div.vod#vod_size02 div.vod_status {top:320px;}
div.vod#vod_size02 div.time {width:269px;}
div.vod#vod_size02 div.time a {width:257px;}


/* size03 353*208 */
div.vod#vod_size03 {
    background-image:url('/public/images/common/vod_skin03_bg.jpg');
    width:369px;
    height:269px;    
}

div.vod#vod_size03 div.vod_view {
    width:353px;
    height:208px;
}

div.vod#vod_size03 div.vod_status {top:228px;}
div.vod#vod_size03 div.time {width:222px;}
div.vod#vod_size03 div.time a {width:210px;}


/* size04 640*340 */
div.vod#vod_size04 {
    background-image:url('/public/images/common/vod_skin04_bg.jpg');
    width:656px;
    height:401px;    
}

div.vod#vod_size04 div.vod_view {
    width:640px;
    height:340px;
}

div.vod#vod_size04 div.vod_status {top:360px;}
div.vod#vod_size04 div.time {width:509px;}
div.vod#vod_size04 div.time a {width:497px;}


/* size05 500*280 */
div.vod#vod_size05 {
    background-image:url('/public/images/common/vod_skin05_bg.jpg');
    width:516px;
    height:341px;    
}

div.vod#vod_size05 div.vod_view {
    width:500px;
    height:280px;
}

div.vod#vod_size05 div.vod_status {top:300px;}
div.vod#vod_size05 div.time {width:365px;}
div.vod#vod_size05 div.time a {width:355px;}

/* size06 500*280 */
div.vod#vod_size06 {
    background-image:url('/public/images/common/vod_skin06_bg.jpg');
    width:320px;
    height:57px;    
}

div.vod#vod_size06 div.vod_view {
    width:305px;
    height:40px;
}

div.vod#vod_size06 div.vod_status {top:15px;}
div.vod#vod_size06 div.time {width:170px;}
div.vod#vod_size06 div.time a {width:155px;}

/* size07 500*280 */
div.vod#vod_size07 {
    background-image:url('/public/images/common/vod_skin05_bg.jpg');
    width:516px;
    height:341px;    
}

div.vod#vod_size07 div.vod_view {
    width:500px;
    height:280px;
}

div.vod#vod_size07 div.vod_status {top:300px;}
div.vod#vod_size07 div.time {width:365px;}
div.vod#vod_size07 div.time a {width:355px;}

/* size08 500*280 */
div.vod#vod_size08 {
    background-image:url('/public/images/common/vod_skin05_bg.jpg');
    width:516px;
    height:341px;    
}

div.vod#vod_size08 div.vod_view {
    width:500px;
    height:280px;
}

div.vod#vod_size08 div.vod_status {top:300px;}
div.vod#vod_size08 div.time {width:365px;}
div.vod#vod_size08 div.time a {width:355px;}

/* size09 320*240 */
div.vod#vod_size09 {
    background-image:url('/public/images/common/vod_skin01_bg.jpg');
    width:336px;
    height:301px;    
}

div.vod#vod_size09 div.vod_view {
    width:320px;
    height:240px;
}

div.vod#vod_size09 div.vod_status {top:260px;}
div.vod#vod_size09 div.time {width:189px;}
div.vod#vod_size09 div.time a {width:177px;}

/*************** calendar ******************************/
div.calendar {
    width:204px;
    text-align:center;
}

div.calendar p.tit {
    float:left;
    display:inline;
    margin:-3px 0 0 15px;
}
div.calendar span {
    font-weight:bold;
    letter-spacing:-1;
    line-height:30px;
    float:left;
    padding-right:12px;
}
div.calendar span.year {
    background:url('/public/images/common/tbl_tit_year.gif') right 8px no-repeat;
    font-size:18px;    
    color:#b2b2b2;
    margin:0 8px 0 18px;
}
div.calendar span.month {
    background:url('/public/images/common/tbl_tit_month.gif') right 7px no-repeat;
    font-size:24px;
    color:#e96720;
    margin-right:18px;
}
div.calendar span.btn {
    float:left;
    padding:0;
}
div.calendar span.btn img {
    width:16px;
    height:15px;    
    float:left;
    margin-top:6px;
}

div.calendar table {    
    clear:left;
    width:203px;
    border-collapse:collapse;
    border-bottom:1px solid #e4e4e4;
    margin-top:3px;
}

div.calendar table th {
    width:28px;
    background-color:#fff;
    border:1px solid #e4e4e4;
}
div.calendar table th img {
    width:19px;
    height:5px;
    margin:7px 4px 6px 4px;
}

div.calendar table td {
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    text-align:center;
    font-size:11px;
    line-height:16px;
    height:18px;
}
div.calendar table td.bg01 {background-color:#fff;}
div.calendar table td.bg02 {background-color:#f9f5ef;}

div.calendar table td a {
    display:block; 
    padding-top:2px;
    color:#8e816e; 
}
div.calendar table td a.sat {color:#098727;}
div.calendar table td a.sun {color:#d50c0b;}

div.calendar table td a.today {
    background-color:#ff6600;
    color:#fff;
    font-weight:bold;
}


/*************** layer ******************************/
div.layer {
    position:absolute;
    z-index:12;
    width:376px;
    background:#fff url('/public/images/common/box_layer_btm.gif') left bottom no-repeat;
    padding-bottom:10px;
}

div.layer div.tit {
    background-position:left top;
    background-repeat:no-repeat;
    height:27px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    padding:10px 58px 0 24px;
}
div.layer div.cont {
    background:url('/public/images/common/box_layer_ct.gif') left top repeat-y;
    padding:21px 28px 20px 24px;
}
div.layer a.close img {
    position:absolute;
    right:30px;
    top:19px;
    width:7px;
    height:7px;
}



/*************** check point ******************************/
dl.check_point {margin-top:40px;}

dl.check_point dt img {
    width:678px;
    height:23px;
}

dl.check_point dd {
    border-width:2px;
    border-style:solid;
    border-top:none;
    padding:11px 25px 13px 25px;
}

dl.check_point dd ul li {
    background-position:left 6px;
    background-repeat:no-repeat;
    padding:0 0 3px 10px;
    font-size:11px;
    color:#868585;
}

dl.check_point dd ul li * {font-size:11px;}
dl.check_point dd ul li.sub {
    padding-bottom:0;
    margin:0;
    background-image:none;
}



/*************** error ******************************/
div.error_cont {
    background:url('/public/images/common/error_img01.jpg') left top no-repeat;
    position:absolute;
    left:50%;
    top:50%;
    width:486px;
    height:318px;
    margin:-159px 0 0 -376px;
    padding-left:266px;
}

div.error_cont p.tit01 {margin-top:92px;}
div.error_cont p.tit02 {margin-top:83px;}
div.error_cont p.cmt {margin-top:18px;}
div.error_cont p.btn {margin-top:25px;}
div.error_cont p.btn img {
    float:left;
    height:21px;
    margin-right:20px;
}

div.error_cont dl.error_inspect {
    height:14px;
    margin-top:6px;
}

div.error_cont dl.error_inspect dt,
div.error_cont dl.error_inspect dt img {float:left;}
div.error_cont dl.error_inspect dd {
    float:left;
    color:#9b2111;
    margin:1px 0 0 8px;
    line-height:12px;
}