@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

::-webkit-input-placeholder {color: #919296;}
:-moz-placeholder {color: #919296;}
::-moz-placeholder {color: #919296;}
:-ms-input-placeholder {color: #919296;}

* { margin:0; padding:0; font-family:±¼¸²,Gulim,Helvetica,AppleGothic,Sans-serif;-webkit-text-size-adjust:none; font-size:9pt }
html, body {  background-color:#fff; line-height:1.25em; 
        color:#6a6a6a; word-wrap:break-word; word-break:break-all; 
        font-size:9pt; margin:0; padding:0; height:100%; width:100%; text-align:center;
}
span { display:inline-block; *display:inline; *zoom:1 }
td { font-size:9pt }
p { display:inline-block;*display:inline;*zoom:1 }
form {margin:0; padding:0 }
textarea, select { font-size:9pt; }
input { font-size:9pt; padding:0; font-size:9pt; margin:auto 0 }
.it, textarea{border:1px solid #bcbcbc;}
li { list-style:none; }
select { font-size:9pt }
table { border-collapse:collapse; }
img,fieldset{border:0;}
.nobr { white-space:nowrap; }
.cntr { text-align:center }
.tac {text-align:center }
.tal {text-align:left}
.tar {text-align:right}
.b { font-weight:bold }
.readonly { background-color:#f0f0f0; border:1px solid #A7A6AA }
a { color:#6a6a6a; text-decoration:none; cursor:pointer; }
a:hover  { color:#99C6F1; text-decoration:unlerline; cursor:hand }
a:active { color:#6a6a6a; text-decoration:none;}
a:visit  { color:#6a6a6a; text-decoration:none;}
a:link   { color:#6a6a6a; text-decoration:none;}

label { cursor:pointer; }
em,address { font-style:normal; }
img {-ms-interpolation-mode:bicubic }



dl, dt, dd { display:inline-block; *display:inline; *zoom:1 }

#main_wrapper {
    width:1078px; padding:0; margin:0 auto; height:75px; border:0px solid red
}
#main_wrapper01 {
    width:1078px; padding:0; margin:0 auto; height:680px; border:0px solid red; 
    position:relative;border:0px solid green
}

#header { 
    height:75px; width:100%; float:left; overflow:visible; *overflow-y:hidden;_overflow-y:hidden; 
    border:0px solid green
}

#hd01, #hd02 { float:left; display:inline-block;*display:inline; *zoom:1; position:relative; z-index:9;  }
#hd01 { width:290px; height:75px; background:url('/img/main/skku_logo@.jpg') no-repeat 0 -13px; z-index:10;  z-index:9;}
#hd02 { width:788px; height:75px; margin-right:-1em; }

#hd01 h3 { 
    float:left; width:290px; height:75px;
    display:inline-block; *display:inline; *zoom:1; text-indent:-1000em; text-overflow:hidden; overflow:hidden;
}
#header h3 a { width:100%; height:100%; display:block; }
#t_upper_menu { position:absolute; top:6px; right:0; margin-right:4em; display:none }

#t_upper_menu ol li {
    display:inline-block; *display:inline; *zoom:1;
    padding:0; margin:0;
    min_width:3em;
    margin-right:0.7em;
    padding-left:1em;
    border:0px solid red;
    background:url('/img/sub/bg_ic.gif') no-repeat 0 -61px;  font-size:10px; font-family:µ¸¿ò
}
#t_upper_menu .t_upm1 { background:none no-repeat 0 0; padding-left:0 }

.tab_mn1 {
    width:100%; height:28px; background:url('/img/sub/tab1_bg.gif') repeat-x bottom left; margin-bottom:1em;
}
.tab_mn1 li { 
    display:inline-block;*display:inline;*zoom:1; line-height:28px; padding:0 1.5em; color:#fff;
    font-size:10pt; font-weight:bold; font-family:µ¸¿ò; background:url('/img/sub/tab1_bg.gif') repeat-x  0 0
}
.tab_mn1 .fr {
    display:inline-block;*display:inline;*zoom:1; line-height:28px;
    background:none; float:right;
}
.tab_mn1 .sel {
    background:url('/img/sub/tab1_bg.gif') repeat-x 0 -28px
}
.tab_mn1 li a { color:#fff }


#t_main_menu {
    position:absolute; top:33px; left:25px; height:43px; line-height:43px;
    display:inline-block; *display:inline; *zoom:1;
    white-space:nowrap;
    overflow:hidden;
    border:0px solid red;
}

#t_main_menu ol { margin:12px 0 0 0;  line-height:43px; padding:0 36px 0 0; border:0px solid black;  }
#t_main_menu ol li { height:15px; display:inline-block; *display:inline; *zoom:1; border:0px solid blue; margin:auto 1.5em }

.t_mm1 a { width:60px;  height:15px; background:url('/img/main/top_mn.png') no-repeat 0    0  }
.t_mm2 a { width:60px;  height:15px; background:url('/img/main/top_mn.png') no-repeat 0 -16px }
.t_mm3 a { width:60px;  height:15px; background:url('/img/main/top_mn.png') no-repeat 0 -32px }
.t_mm4 a { width:105px; height:15px; background:url('/img/main/top_mn.png') no-repeat 0 -48px }
.t_mm5 a { width:55px;  height:15px; background:url('/img/main/top_mn.png') no-repeat 0 -64px }
.t_mm6 a { width:90px;  height:15px; background:url('/img/main/top_mn.png') no-repeat 0 -80px }

.t_mm1 a:hover , .t_mm1 a.on { background:url('/img/main/top_mn.png') no-repeat -130px    0  }
.t_mm2 a:hover , .t_mm2 a.on { background:url('/img/main/top_mn.png') no-repeat -130px -16px }
.t_mm3 a:hover , .t_mm3 a.on { background:url('/img/main/top_mn.png') no-repeat -130px -32px }
.t_mm4 a:hover , .t_mm4 a.on { background:url('/img/main/top_mn.png') no-repeat -130px -48px }
.t_mm5 a:hover , .t_mm5 a.on { background:url('/img/main/top_mn.png') no-repeat -130px -64px }
.t_mm6 a:hover , .t_mm6 a.on { background:url('/img/main/top_mn.png') no-repeat -130px -80px }

.t_mm1 a, .t_mm2 a, .t_mm3 a, .t_mm4 a,
.t_mm5 a, .t_mm6 a, .t_mm7 a {
    margin:0; padding:0; 
    display:inline-block; *display:block; *zoom:1;
    text-indent:-2000px; overflow:hidden; 
} 

#t_sub_menu1 {clear:both; position:absolute; left:35px;  top:83px; display:block; }
#t_sub_menu2 {clear:both; position:absolute; left:101px; top:83px; display:block; }
#t_sub_menu3 {clear:both; position:absolute; left:295px; top:83px; display:block; }
#t_sub_menu4 {clear:both; position:absolute; left:428px; top:83px; display:block; }
#t_sub_menu5 {clear:both; position:absolute; left:200px; top:83px; display:block; }
#t_sub_menu6 {clear:both; position:absolute; left:170px; top:83px; display:block; }


#t_sub_menu1 ol li,
#t_sub_menu2 ol li,
#t_sub_menu3 ol li,
#t_sub_menu4 ol li,
#t_sub_menu5 ol li,
#t_sub_menu6 ol li,
#t_sub_menu7 ol li { display:inline-block;*display:inline;*zoom:1; float:left; line-height:23px }

#t_sub_menu1 ol li a,
#t_sub_menu2 ol li a,
#t_sub_menu3 ol li a,
#t_sub_menu4 ol li a,
#t_sub_menu5 ol li a,
#t_sub_menu6 ol li a,
#t_sub_menu7 ol li a { 
    display:inline-block; margin:0 3px 0 0; height:18px; line-height:18px; padding-left:10px; color:#fff;
    background:none no-repeat 0 -321px;text-align:center;
    border:0px solid red; letter-spacing:-0.04em; font-weight:bold;
}

#t_sub_menu1 ol li a:hover,
#t_sub_menu2 ol li a:hover,
#t_sub_menu3 ol li a:hover,
#t_sub_menu4 ol li a:hover,
#t_sub_menu5 ol li a:hover,
#t_sub_menu6 ol li a:hover,
#t_sub_menu7 ol li a:hover { color:#903A39;  }

#t_sub_menu1 ol li a.frst,
#t_sub_menu2 ol li a.frst,
#t_sub_menu3 ol li a.frst,
#t_sub_menu4 ol li a.frst,
#t_sub_menu5 ol li a.frst,
#t_sub_menu6 ol li a.frst,
#t_sub_menu7 ol li a.frst { background:none }


#hd03 { clear:both; height:41px; width:100%; border:0px solid green; 
    background:url('/img/main/submn_barbg.png') repeat-x bottom left; 
}

#main_content {
    clear:both; width:100%; *zoom:1; text-align:left; border:0px solid red;
}
#main_content:after { clear:both; content:"" }
/*#outline_points { width:987px; height:255px; background:url('');  }*/

.ex_title { 
	position:absolute; width:547px; height:110px; left:380px; top:100px; background:url('/img/main/exam_title.png') no-repeat;
}
.ex_ord { position:absolute; left:618px; top:121px; width:110px; height:25px; line-height:25px; text-align:center; color:#fff; font-weight:bold; font-family:µ¸¿ò; font-size:1.2em; letter-spacing:0.1em }
.ex_support { position:absolute; left:745px; top:211px; width:224px; height:30px;  background:url('/img/main/exam_title.png') no-repeat 0 -90px; }
.ex_benefit { position:absolute; left:485px; top:135px; width:420px; height:112px; border:0px solid #fff; list-style-type:none; }
.ex_benefit li { margin-bottom:1em; word-break:keep-all; text-align:justify; font-size:11px; font-family:µ¸¿ò; color:#3C5470; letter-spacing:-0.1em;  }
.ex_period { 
	position:absolute; left:610px; top:213px; width:300px; height:22px; line-height:25px; font-family:µ¸¿ò; font-size:1.25em; font-weight:bold; color:#fff; 
	border:1px solid #0A2159; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; border-radius: 15px;
	list-style-type:none; padding-bottom:3px; background: radial-gradient(#5D78B9, #0F2866);
	}
.ex_btitle { position:absolute; right:390px; top:90px; width:350px; height:35px; line-height:30px; text-align:center; color:#07234A; 
			 font-weight:800; letter-spacing:-0.05em; font-family:'Noto Sans KR'; font-size:3.0em; }

.ex_title, .ex_support { 
	text-indent:-1000em; overflow:hidden; text-overflow:hidden; 
}

#dashboard { width:987px; height:93px; background:url('/img/main/dashboard.png') no-repeat; position:relative; }
#dashboard2 { width:987px; height:93px; background:url('/img/main/dashboard@.png') no-repeat; position:relative; }

#cd1, #cd2, #cd3, #cd4 { width:27px; height:29px; text-indent:-1000em; overflow:hidden; text-overflow:hidden; position:absolute; }
#cd1 { top:36px; left:194px }
#cd2 { top:36px; left:226px }
#cd3 { top:36px; left:300px }
#cd4 { top:36px; left:332px }

#cd5, #cd6, #cd7, #cd8 { width:27px; height:29px; text-indent:-1000em; overflow:hidden; text-overflow:hidden; position:absolute; }
#cd5 { top:34px; left:156px }
#cd6 { top:34px; left:192px }
#cd7 { top:34px; left:264px }
#cd8 { top:34px; left:302px }

.caln0 { background:url('/img/main/cal_numb.png') 0 -4px }
.caln1 { background:url('/img/main/cal_numb.png') 0 -48px }
.caln2 { background:url('/img/main/cal_numb.png') 0 -92px }
.caln3 { background:url('/img/main/cal_numb.png') 0 -135px }
.caln4 { background:url('/img/main/cal_numb.png') 0 -180px }
.caln5 { background:url('/img/main/cal_numb.png') 0 -223px }
.caln6 { background:url('/img/main/cal_numb.png') 0 -267px }
.caln7 { background:url('/img/main/cal_numb.png') 0 -311px }
.caln8 { background:url('/img/main/cal_numb.png') 0 -354px }
.caln9 { background:url('/img/main/cal_numb.png') 0 -398px }
.caln10 { background:url('/img/main/cal_numb.png') 0 -442px }
.caln11 { background:url('/img/main/cal_numb.png') 0 -486px }

#sstatus { width:71px; height:50px; top:8px; left:15px; text-indent:-1000em; overflow:hidden; text-overflow:hidden; position:absolute; }
.stT { background:url('/img/main/main_con1.png') no-repeat -3px -63px;}
.stF { background:url('/img/main/main_con1.png') no-repeat -3px -3px; }
.stFT { background:url('/img/main/main_con2@@.png') no-repeat -3px -68px; border:0px red solid;}


.ic_m { width:60px; height:55px; text-indent:-1000em; overflow:hidden; text-overflow:hidden; position:absolute; top:24px }
#icd1 { background:url('/img/main/icons.png') no-repeat 0 -4px   ; left:434px }
#icd2 { background:url('/img/main/icons.png') no-repeat 0 -67px  ; left:513px }
#icd3 { background:url('/img/main/icons.png') no-repeat 0 -130px ; left:590px }
#icd4 { background:url('/img/main/icons.png') no-repeat 0 -187px ; left:668px }
#icd5 { background:url('/img/main/icons.png') no-repeat 0 -243px ; left:744px }
#icd6 { background:url('/img/main/icons.png') no-repeat 0 -300px ; left:820px }
#icd7 { background:url('/img/main/icons.png') no-repeat 0 -356px ; left:898px }


.t1, .t2 { display:inline-block; *display:inline; *zoom:1; float:left }
.t1 { width:100%; height:24px; *zoom:1; }
.t2 { width:100%; *zoom:1; margin-top:22px; 				}
.t1 dt, .t2 dt,
.t1 dd, .t2 dd { float:left; width:100%; }
.t1:after, .t2:after { clear:both; content:"" }

.t1 dt, .t2 dt { float:left;  overflow:hidden; text-indent:-1000em;  }
.t1 dd { float:left; *zoom:1; margin-left:25px; margin-top:10px  	 }

#r_cont {
    min-height:190px; width:986px; max-width:986px; margin-right:-2em; 
    display:inline-block;*display:inline;*zoom:1; 
    line-height:1.7em; overflow:visible;
    text-align:center;  float:left; 
}

.sec21, .sec22, .sec23 { float:left;} 
.sec21, .sec22 { width:346px; display:inline-block;*display:inline;*zoom:1; overflow:hidden;}
.sec23 { width:280px; margin-top:15px;  }
.sec23:after { content:""; display:block; clear:both }
.sec23 dl { width:260px; margin:1em; }
.sec23 h3 { float:left; margin-left:2px; display:inline-block;*display:block;*zoom:1; text-indent:-1000em; overflow:hidden;}

.sec21 h3, .sec22 h3 { 
	float:left; margin-left:2px; _margin-left:0; display:inline-block;*display:block;*zoom:1; 
	width:268px; height:23px; text-indent:-1000em; overflow:hidden;
}

.sec21 h3 { background:#fff url('/img/main/main_con1.png') no-repeat 0 -122px; }
.sec22 h3 { background:#fff url('/img/main/main_con1.png') no-repeat 0 -148px; }
.sec23 h3 { background:#fff url('/img/main/main_con1.png') no-repeat 0 -194px; }

.sec21 .more, .sec22 .more { 
    width:42px; height:18px; background:url('/img/main/main_con1.png') no-repeat 0 -172px;
    display:inline-block;*display:inline;*zoom:1; overflow:hidden; text-indent:-1000em;
}

.sec23 h3 {
	float:left; margin-left:2px; _margin-left:0; display:inline-block;*display:block;*zoom:1; 
	width:248px; height:23px; text-indent:-1000em; overflow:hidden; background-color:#FEFCCC;
}


.stit0 { background-color:#fff; width:100%; height:27px; line-height:27px }
.stit1 { background-color:#fff; width:100%; height:27px; line-height:27px }
.stit2 { background-color:#fff; width:100%; height:27px; line-height:27px }
.stit2 a { display:block; }
.stit3 { background-color:#FEFCCC; width:100%; height:27px; line-height:27px;  }

.sec21 dl, .sec22 dl { width:313px; padding:0; margin-top:1.5em; }
.sec23 dl { width:257px; padding:0; margin-top:1em; height:137px }
.sec25 dl { width:710px; padding:0; margin:0; }
.sec21 dt, .sec22 dt, .sec23 dt { float:left; width:100%; padding:0; margin:0; margin-right:-1em }
.sec21 dd, .sec22 dd, .sec23 dd { float:left; width:100%; border:0px solid black; _display:inline }

.sec21 ol, 
.sec22 ol { 
    margin:10px 0 0 0; width:100%; float:left;  
}
.sec23 ol { 
    margin:0 0 0 0; width:100%; float:left;  
}
.sec21 li, 
.sec22 li { 
    float:left; margin:0; width:100%; border-bottom:1px dotted #ccc; text-align:left;
    height:24px; line-height:24px; overflow:hidden; white-space:nowrap;*zoom:1;
}
.sec23 li {
	float:left; margin:0; width:100%; border-bottom:1px dotted #ccc; text-align:left;
    height:23px; line-height:26px; overflow:hidden; white-space:nowrap;*zoom:1; font-size:9pt; font-weight:bold; color:red;
}

.sec23 a { color:red }

li.last { border-bottom:1px solid #fff }

.l1 { 
    float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
    width:260px; line-height:24px; height:24px; text-align:left; 
    display:inline-block;*display:block;*zoom:1;
}

.wd0, .wd1 { width:40px; height:23px; line-height:23px; text-align:right; float:right; display:inline-block;*display:inline;*zoom:1;  margin:0 }
.wd1 { background:url('/img/main/nt.gif') no-repeat 0 5px }


.exguide    { height:150px; line-height:150px; margin:0; padding:0; text-align:right}
.exguide a  { width:119px; height:138px; display:inline-block; *display:inline; *zoom:1;  text-indent:1000em; overflow:hidden; text-overflow:hidden; }
.exguide li { height:150px; line-height:150px; float;left; display:inline-block; *display:inline; *zoom:1; margin:0; border:0px solid red  }
#ex_bn1 a { display:block; background:url('/img/main/bookbanner.png') }
#ex_bn2 a { margin-left:1em; display:block; background:url('/img/main/lessonbanner.png') }

#footer{margin:0 auto}

#footer{overflow:hidden;clear:both;padding:0 0 18px;border-top:1px solid #D8D8D8;color: #8F8F8F; background:#ececec;font-family:'µ¸¿ò',Dotum,AppleGothic,Sans-serif;text-align:center}
#footer a{color:#444;text-decoration:none}
#footer a:visited{color:#666;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer ul{margin:0 0 5px 23px}
#footer ul li{display:inline;position:relative;padding:0 5px 0 7px;background:url(/img/main/bu_bar.gif) 0 50% no-repeat;background-position:0 20%;font-size:12px;white-space:nowrap}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01}
#footer ul li.first{padding:0 3px 0 0;background:none}

#footer address{font-family:'µ¸¿ò';font-size:10px;line-height:9px;position:relative;padding:0 145px 0 7px;}
#footer address img{vertical-align:middle}
#footer address a{color:#444;font-family:tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#009bc8}
#footer address span{padding-left:2px}
#footer address em{padding-left:6px}
#footer address .logof{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline}

#location { position: absolute; top: 15px; left:50%; margin-left:-240px; height: 12px; font-size: 12px; font-weight: bold; line-height: 0; }
#location ul{margin:0 0 10px;}
#location ul li{display:inline;position:relative;padding:0 5px 0 12px;background:url(/img/main/bu_bar.gif) 1px 0 no-repeat;font-size:12px;white-space:nowrap;}
#location ul li a:hover,#footer ul li a:hover strong{color:#D8D8D8;}
#location ul li.frst{padding:0 3px 0 0;background:none;}

#bottom_link { border:0px solid red;width:1080px;height:60px;margin:0 auto; position:relative;}
#bottom_link li { display:inline-block;*display:inline;*zoom:1; height:15px; border:0px solid red;}
#bottom_link a { display:block; height:13px ;}
#bottom_link a:hover { border-top:1px solid #253E04; border-bottom:1px solid #253E04 }
.bl1,
.bl2,
.bl3,
.bl4 { position:absolute; top:10px; height:15px; text-indent:-1000em; text-overflow:hidden; overflow:hidden; display:inline-block;*display:inline;*zoom:1 }

.bl1 { left:267px; width:43px; border:0px solid red}
.bl2 { left:321px; width:31px; border:0px solid red}
.bl3 { left:362px; width:48px; border:0px solid red}
.bl4 { left:422px; width:110px; border:0px solid red}

.empty { clear:both; content:"" }

#footer_bk {  clear:both; height:62px; width:100%; position:relative; z-index:1; top:-29px; *top:-34px;
    border:0px solid red; background:url('/img/main/footer_bk.png') repeat-x top left;text-align:center;
}


/* ½ºÅ©·Ñ º£³Ê */
#r_scroll {
    position:absolute; right:-15px; top:10px;
    width:100px;
	
}
#r_scroll a {
  display:inline-block;*display:inline;*zoom:1;
  float:left; margin-left:1px; margin-right:1px; width:80px;
  text-indent:-2000px; overflow:hidden; 
}

#r_scroll h3 { background:url('/img/sub/quick_mn.png') no-repeat 0 0; width:58px; height:15px; text-indent:-4000px; margin-left:0.8em }
#r_scroll a { display:inline-block;*display:inline;*zoom:1; margin-left:0.8em; width:58px  }
.rsc_st1    { background:url('/img/sub/quick_mn.png') no-repeat 0 -15px; width:58px; height:26px }
.rsc_st2    { background:url('/img/sub/quick_mn.png') no-repeat 0 -41px; width:58px; height:26px }
.rsc_st3    { background:url('/img/sub/quick_mn.png') no-repeat 0 -67px; width:58px; height:26px }
.rsc_st4    { background:url('/img/sub/quick_mn.png') no-repeat 0 -93px; width:58px; height:26px }
.rsc_st5    { background:url('/img/main/side_banner_180826@.jpg') no-repeat 0 0;  width:80px; height:86px }
.rsc_st6    { background:url('/img/main/side_banner_180826@.jpg') no-repeat 0 -98px; width:80px; height:86px }
.rsc_st8    { background:url('/img/main/side_banner_180826@.jpg') no-repeat 0 -195px; width:80px; height:105px;}
.rsc_st9    { background:url('/img/main/side_banner_180826@.jpg') no-repeat 0 -293px; width:80px; height:164px;}
.rsc_st7    { background:url('/img/main/15091803_webn.gif') no-repeat; width:80px; height:84px;}


#side_banner { margin-top:0.5em }
#side_banner a { display:inline-block;*display:inline;*zoom:1; width:80px; height:86px; margin:0.5em 0 0 }
#side_banner a.rsc_st7 { display:inline-block;*display:inline;*zoom:1; width:80px; height:140px; margin:0.5em 0 0; }
#side_banner a.rsc_st9 { display:inline-block;*display:inline;*zoom:1; width:80px; height:120px; margin:0.5em 0 0; }

#side_banner2 a {display:inline-block;*display:inline;*zoom:1; width:80px; height:104px; margin:0.5em 0 0}
.rsc_top    { background:url('/img/sub/quick_mn.png') no-repeat 0 -118px; height:45px; }
#r_scroll a.rsc_st1:hover   { width:58px; height:26px; background:url('/img/sub/quick_mn.png') no-repeat -58px -15px }
#r_scroll a.rsc_st2:hover   { width:58px; height:26px; background:url('/img/sub/quick_mn.png') no-repeat -58px -41px }
#r_scroll a.rsc_st3:hover   { width:58px; height:26px; background:url('/img/sub/quick_mn.png') no-repeat -58px -67px }
#r_scroll a.rsc_st4:hover   { width:58px; height:26px; background:url('/img/sub/quick_mn.png') no-repeat -58px -93px }
#r_scroll a.rsc_top:hover   { background:url('/img/sub/quick_mn.png') no-repeat -58px  -118px; }

div.visual { position: relative; z-index: 1; width: 987px; height: 255px; overflow:hidden;}
div.visual ul { position: absolute; right: 790px; bottom: 8px; z-index: 3; width: 200px;}
div.visual li { overflow: hidden; display: inline-block; *display: inline; zoom:1; width: 22px; height: 11px;}
/*div.visual li a { display: block; width: 100%; height: 100%; background: url("/img/main/bg_visual_btn.gif") no-repeat left top; font-size: 0; }*/
div.visual li a.on { background-position: left 0px; }
div.visual div.visual-img { position: relative; }
div.visual div.visual-img div { position: absolute; left: 0; top: 0; z-index: 1; 
opacity : 0;
filter: alpha(opacity=0); /* for ie5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* for ie8 */ }
div.visual div.visual-img div.show { z-index: 2; 
opacity : 100;
filter: alpha(opacity=100); /* for ie5-7 */
-ms-filter:"progid:DXImageTransform.Mic