@charset "utf-8";
/* base */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{line-height:1;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,strong,th,va{font-style:normal;}
legend,caption{visibility:hidden; height:0; width:0; font-size:0;}
hr {display: none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* common */
*{margin:0;padding:0}
html, body{width:100%;_height:100%}
body, th, td{font-size:12px;line-height:1;color:#444;line-height:125%;}
input, select{vertical-align:middle}
input, select, textarea {font-size : 100%}
textarea{overflow:auto}
a{color:#828282;text-decoration:none;cursor:pointer;}
a:link, a:hover, a:active, a:focus{color:#828282;text-decoration:none;}
a.selected{cursor:default;}
.clear{clear:both}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0}

/* common */
* { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', arial, sans-serif; line-height:125%;}

*:lang(ko)        { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif;}
*:lang(en)        { font-family:arial;}
*[lang="ko"]      { font-family: 'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Noto Sans CJK KR', "Noto Sans KR", Arial, Helvetica, sans-serif;}
*[lang="en"]      { font-family:arial;}

/* IE7/8 용 audio flash layer 위치 이동 */
#mp3p {position: absolute; top:-10px; left:-10px; }
#mp3q {position: absolute; top:-10px; left:-10px; }
#mp3e {position: absolute; top:-10px; left:-10px; }
#mp3b {position: absolute; top:-10px; left:-10px; }
#mp3n {position: absolute; top:-10px; left:-10px; }

/* 탭키로 이동시 점선 (키보드 접근성을 위함) */
div :focus { /*outline:1px #ccc dashed; border: 1px dashed #ccc;*/;}
div .selected { outline:0; border: 0; cursor:default;}

input[type=text]::-ms-clear {
  display:none;
}
input[type=text]:-ms-clear {
  display:none;
}

/****************************
layout
*****************************/
body{ background-color:#9d9b91}
#wrapper_out{width:100%;height:650px; position: absolute;top:50%;margin-top: -325px;min-width:1000px; }

@media all and (max-height:700px) {
	#wrapper_out{width:100%;height:650px; position: absolute;top:0;margin-top: 0px;min-width:1000px; }
}

#mWrapper{width:1000px;height:650px;position:relative;margin:0 auto;overflow:hidden;background:url(../image/int_bg1.jpg) no-repeat 0 0;}
#wrapper{width:1000px;height:650px;position:relative;margin:0 auto;background:url(../image/bg_sub.jpg) no-repeat 0 0; overflow:hidden}

/*header*/
#header{position: absolute; top:0; left:0;height:72px;z-index:100;width:1000px}
#header .bi1{position:absolute;width:280px;height:109px;background:url(../image/top_logo1.png) no-repeat 0 0; top:8px; left:4px}
#header .bi2{position:absolute;width:280px;height:109px;background:url(../image/top_logo2.png) no-repeat 0 0; top:8px; left:4px}
#header .bi3{position:absolute;width:280px;height:109px;background:url(../image/top_logo3.png) no-repeat 0 0; top:8px; left:4px}
#header .bi4{position:absolute;width:280px;height:109px;background:url(../image/top_logo4.png) no-repeat 0 0; top:8px; left:4px}
#header .bi5{position:absolute;width:280px;height:109px;background:url(../image/top_logo5.png) no-repeat 0 0; top:8px; left:4px}
#header .bi6{position:absolute;width:280px;height:109px;background:url(../image/top_logo6.png) no-repeat 0 0; top:8px; left:4px}
.unit{position:absolute;top:11px; left:240px; width:420px; height:47px; color:#fff; font-size:15px; font-family:Arial, Helvetica, sans-serif}
.unit .kor {font-family:NanumGothic, 나눔고딕, ng, 'Nanum Gothic', arial;}
.unit .num{ color:#ffd600; font-weight:bold; font-size:17px}
.top {position:absolute;top:4px;right:8px;width:200px;}
.top .close a{float:right;display:inline-block;vertical-align:top;width:22px;height:21px;background:url(../image/close_int.png) no-repeat 0 0; cursor:pointer; z-index:10;}
.top .close a.hover{background-position:0 -27px}
.top .download a{float:right;display:inline-block;vertical-align:top;width:112px;height:22px;background:url(../image/download.png) no-repeat 0 0; cursor:pointer; z-index:10;}
.top .download a.hover{background-position: 0 -34px}
.gnb{position:absolute;top:33px;left:588px;width:416px;height:34px;overflow:hidden; z-index:100;}
.gnb a{ background:url(../image/menu.png) no-repeat }
.gnb .menu1 a{ display:block;width:130px;height:34px; background-position:0px 0px; float:left}
.gnb .menu1 a.hover{ background-position:0px -95px;}
.gnb .menu1 a.selected{ background-position: 0px -190px;}
.gnb .menu2 a{display:block;width:105px;height:34px;background-position: -130px 0px; float:left}
.gnb .menu2 a.hover{background-position: -130px -95px;}
.gnb .menu2 a.selected{background-position: -130px -190px;}
.gnb .menu3 a{ display:block;width:171px;height:34px;background-position: -235px 0px; float:left}
.gnb .menu3 a.hover{background-position: -235px -95px;}
.gnb .menu3 a.selected{background-position: -235px -190px;}

.gnb div{ background:url(../image/menu.png) no-repeat }
.gnb .menu1 div{ display:block;width:130px;height:34px; background-position:0px 0px; float:left}
.gnb .menu1 div.selected{ background-position: 0px -190px;}
.gnb .menu2 div{display:block;width:105px;height:34px;background-position: -130px 0px; float:left}
.gnb .menu2 div.selected{background-position: -130px -190px;}
.gnb .menu3 div{ display:block;width:171px;height:34px;background-position: -235px 0px; float:left}
.gnb .menu3 div.selected{background-position: -235px -190px;}

/*footer*/
#footer{ position: absolute; top:619px; left:0; width:1000px;height:31px; background:url(../image/footer_bg.png) no-repeat 0 0; }
#footer .copyright{position:absolute;bottom:7px;left:1px;width:300px;height:16px;background:url(../image/img_footer.png) no-repeat 0 0}
#footer .bgm a{position:absolute;bottom:5px;left:294px;width:65px;height:17px;background:url(../image/sound.gif) no-repeat 0 0; cursor:pointer}
#footer .bgm a.hover{background:url(../image/sound_no.gif) no-repeat 0 0}
#footer .bgmOff a{background:url(../image/sound_no.gif) no-repeat 0 0; cursor:pointer}
#footer .bgmOff a.hover{background:url(../image/sound_no.gif) no-repeat 0 -1px}
#footer .guide a{position:absolute;bottom:2px;left:294px;width:77px;height:24px;background:url(../image/lec_guide.png) no-repeat 0 0; cursor:pointer}
#footer .guide a.hover{background-position:0 -24px}
#footer .pageNavi{position:absolute;bottom:0px;right:2px;width:176px;height:29px}
#footer .pageNavi .click{position:absolute;top:-36px;left:111px;width:69px;height:43px;background:url(../image/click.png) no-repeat 0 0;}
#footer .pre a{position:absolute;bottom:0;left:0;width:67px;height:26px;background:url(../image/btn_navi.png) no-repeat 0px 0px; cursor:pointer}
#footer .pre a.hover{background-position:0px -38px}
#footer .next a{position:absolute;bottom:0;right:0px;width:67px;height:26px;background:url(../image/btn_navi.png) no-repeat -96px 0px; cursor:pointer}
#footer .next a.hover{background-position:-96px -38px}
#footer .thisNum{text-align:center;width:176px;height:26px;line-height:18px; padding-top:3px;}
#footer .thisNum .cNum{font-size:18px;font-weight:bold;color:#4c443f; font-family:Arial, Helvetica, sans-serif}
#footer .thisNum .tNum{font-size:14px;font-weight:100;color:#322f31;margin-left:5px; font-family:Arial, Helvetica, sans-serif}

/*intro*/
.int_bottom{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bottom.png") no-repeat 0 0}
.int_img1{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg2.jpg") no-repeat 0 0}
.int_img2{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg3.jpg") no-repeat 0 0}
.int_img3{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg4.jpg") no-repeat 0 0}
.int_recording{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg5.png") no-repeat 0 0}
.int_img4{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg6.png") no-repeat 0 0}
.int_img5{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_bg7.png") no-repeat 0 0}
.tea1{position:absolute;top:192px;left:427px; width:482px; height:458px;background:url("../image/tea1.png") no-repeat 0 0}
.tea2{position:absolute;top:192px;left:427px; width:482px; height:458px;background:url("../image/tea2.png") no-repeat 0 0}
.int_top{position:absolute;top:0px;left:0px;width:1000px;height:650px;background:url("../image/int_top.png") no-repeat 0 0}
#mWrapper .unit{position:absolute;top:80px;left:285px; width:433px; height:77px;background:url("../image/int_unit.png") no-repeat 0 0; font-size:21px; padding:22px 0 0 28px; font-family:Arial, Helvetica, sans-serif}
#mWrapper .unit .eng{ font-family:Arial, Helvetica, sans-serif}
#mWrapper .unit .kor{ font-family:NanumGothic, 나눔고딕, ng, 'Nanum Gothic', arial;}
#mWrapper .unit img{ vertical-align: text-bottom}
#mWrapper .bi1{position:absolute;width:276px;height:112px;background:url(../image/int_logo1.png) no-repeat 0 -1px; top:3px; left:8px}
#mWrapper .bi2{position:absolute;width:276px;height:112px;background:url(../image/int_logo2.png) no-repeat 0 -1px; top:3px; left:8px}
#mWrapper .bi3{position:absolute;width:276px;height:112px;background:url(../image/int_logo3.png) no-repeat 0 -1px; top:3px; left:8px}
#mWrapper .bi4{position:absolute;width:276px;height:112px;background:url(../image/int_logo4.png) no-repeat 0 -1px; top:3px; left:8px}
#mWrapper .bi5{position:absolute;width:276px;height:112px;background:url(../image/int_logo5.png) no-repeat 0 -1px; top:3px; left:8px}
#mWrapper .bi6{position:absolute;width:276px;height:112px;background:url(../image/int_logo6.png) no-repeat 0 -1px; top:3px; left:8px}

#mWrapper .gue_txt1{position:absolute;top:180px;left:43px; width:590px; height:180px;background:url("../image/int_que1.png") no-repeat 0 0; padding:60px 0 0 10px; color:#2c2a1d; font-size:21px; line-height:140%; font-family:Arial, Helvetica, sans-serif}
#mWrapper .gue_txt2{position:absolute;top:180px;left:43px; width:590px; height:180px;background:url("../image/int_que2.png") no-repeat 0 0; padding:60px 0 0 10px;}
#mWrapper .gue_txt2 .que{background:url("../image/int_ico.png") no-repeat 0 5px; padding:0 0 9px 19px; color:#2c2a1d; font-size:20px; line-height:130%; font-family:Arial, Helvetica, sans-serif}
.focus_box{position:absolute;top:373px;left:114px;width:548px;height:196px;background:url("../image/int_box.png") no-repeat 0 0; }
.focus_box .tit{position:absolute;top:32px;left:120px;width:177px;height:29px; background:url("../image/int_focus.png") no-repeat 0 0}
.focus_box .txt{position:absolute;top:75px;left:41px;width:340px;height:196px; font-size:17px; color:#fff; line-height:140%;}
#intro .start{position:absolute;top:390px;left:350px;width:238px;height:131px;}
#intro .start a{ display:block;width:238px;height:131px;background:url("../image/int_start.png") no-repeat 0 0;}
#intro .start a.hover{background-position: -254px 0;}

/*lecture*/
.lectureWrap{position:relative;width:1000px; height:650px; padding-top:44px; }
.lectureWrap .txt{ position: absolute; top:65px; left:142px;width:720px;height:25px; position:relative; color:#8e8e8e; font-size:14px}
.lectureWrap .tab{position:absolute;top:150px;left:864px;width:82x;}
.tab li{width:82px;padding-bottom:8px; }
.tab li a{display:block;width:82px;height:28px;background:url("../image/lecture/tab.png") no-repeat 0 0;}
.tab .tab1 a{background-position:0 0}
.tab .tab1 a.hover, .tab .tab1 a.selected{background-position:-97px 0;}
.tab .tab2 a{background-position:0 -35px}
.tab .tab2 a.hover, .tab .tab2 a.selected{background-position:-97px -35px;}

.lectureWrap .mp4Player{width:1000px; height:547px;background:url(../image/lecture/lec_bg.png) no-repeat 0 4px;}
.lectureWrap .wmvPlayer{width:1000px; height:547px;background:url(../image/lecture/lec_bg.png) no-repeat 0 4px;}
.lectureWrap .boxPlayer{width:1000px; height:547px;background:url(../image/lecture/lec_bg.png) no-repeat 0 4px;}

.lectureWrap .mp4Player .player{width:720px;height:408px; position:relative; padding:69px 0 7px 140px}
.lectureWrap .wmvPlayer .player{width:720px;height:408px; position:relative; padding:69px 0 7px 140px}
.lectureWrap .boxPlayer .player{width:720px;height:408px; position:relative; padding:69px 0 7px 140px}
.lectureWrap .boxPlayer .closer{width:720px;height:408px; position:absolute; top:0; left:0;padding:69px 0 7px 140px}

/* 720*408 */
.lectureWrap .control{position: relative; margin-left:140px; background:url(../image/lecture/cont_bg.png) no-repeat 74px 21px; width:724px; height:50px}
.lectureWrap .control .btn_play{position:absolute;top:2px;left:0px;width:46px;height:46px}
.lectureWrap .control .btn_play a{ display:block;width:46px;height:46px;background:url(../image/lecture/btn_control.png) no-repeat 0px 0px}
.lectureWrap .control .btn_play a.hover{ background-position:-50px 0}
.lectureWrap .control .btn_pause{position:absolute;top:2px;left:0px;width:46px;height:46px}
.lectureWrap .control .btn_pause a{ display:block;width:46px;height:46px;background:url(../image/lecture/btn_control.png) no-repeat -171px 0px}
.lectureWrap .control .btn_pause a.hover{ background-position:-221px 0}
.lectureWrap .control .btn_stop{position:absolute;top:18px;left:44px;width:28px;height:28px}
.lectureWrap .control .btn_stop a{ display:block;width:28px;height:28px;background:url(../image/lecture/btn_control.png) no-repeat -103px -3px}
.lectureWrap .control .btn_stop a.hover{ background-position:-132px -3px}
.lectureWrap .control .mov_bar{position:absolute;top:4px;left:48px;width:560px;height:5px;}
.lectureWrap .control .mov_bar .a_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#fff6c9; width:560px; cursor:pointer;}
.lectureWrap .control .mov_bar .c_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#322f31}
.lectureWrap .control .mov_bar .ico{position:absolute;top:2px; width:12px; height:10px; cursor:pointer;}
.lectureWrap .control .mov_bar .ico a{ display:block; width:12px; height:10px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px;}
.lectureWrap .control .mov_bar .ico a.hover{background:url(../image/lecture/controll_ico.png) no-repeat -12px 0px;}
.lectureWrap .control .mov_time{position:absolute;top:3px;right:-9px;width:100px;height:18px;line-height:18px;color:#322f31;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.lectureWrap .control .btn_sound{position:absolute;top:25px;left:85px;width:27px;height:24px;}
.lectureWrap .control .btn_sound a{ display:block;width:27px;height:24px;background:url(../image/lecture/btn_control.png) no-repeat -272px -2px;}
.lectureWrap .control .btn_sound a.hover{ background-position:-272px -27px;}
.lectureWrap .control .btn_nosound{position:absolute;top:25px;left:85px;width:27px;height:24px;}
.lectureWrap .control .btn_nosound a{ display:block;width:27px;height:24px;background:url(../image/lecture/btn_control.png) no-repeat -272px -27px;}
.lectureWrap .control .btn_nosound a.hover{ background-position: -272px -2px;}
.lectureWrap .control .sound_bar{position:absolute;top:29px;left:111px;width:60px;height:5px;}
.lectureWrap .control .sound_bar .a_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#fff6c9; width:60px; cursor:pointer;}
.lectureWrap .control .sound_bar .c_bar{position:absolute;top:4px;left:5px;height:5px; background-color:#322f31;}
.lectureWrap .control .sound_bar .ico{position:absolute;top:2px; width:12px; height:10px; cursor:pointer;}
.lectureWrap .control .sound_bar .ico a{ display:block; width:12px; height:10px;background:url(../image/lecture/controll_ico.png) no-repeat 0px 0px;}
.lectureWrap .control .sound_bar .ico a.hover{background:url(../image/lecture/controll_ico.png) no-repeat -12px 0px;}
.lectureWrap .control dd a{position:absolute;vertical-align:top;height:22px;background:url(../image/lecture/img_control.png) no-repeat 0 1px; display:inline-block;}
.lectureWrap .control .m_fullscreen a{top:23px;right:21px;width:81px;background:url(../image/lecture/btn_full.png) no-repeat 0 0px; }
.lectureWrap .control .m_defscreen a{top:23px;right:21px;width:81px;background:url(../image/lecture/btn_full2.png) no-repeat 0 0px; }
.lectureWrap .control .speed{position:absolute;top:26px;right:238px;width:34px;height:17px;background:url(../image/lecture/img_control.png) no-repeat 0 0px}
.lectureWrap .control .s_low a{top:23px;right:202px;width:27px;background-position:0 -34px;}
.lectureWrap .control .s_normal a{top:24px;right:175px;width:27px;background-position:0 -57px;}
.lectureWrap .control .s_high1 a{top:24px;right:147px;width:27px;background-position:0 -79px;}
.lectureWrap .control .s_high2 a{top:24px;right:118px;width:27px;background-position:0 -101px;}
.lectureWrap .control .m_fullscreen a.hover, .lectureWrap .control .m_fullscreen a.sel{background:url(../image/lecture/btn_full.png) no-repeat 0 -26px;}
.lectureWrap .control .m_defscreen a.hover, .lectureWrap .control .m_defscreen a.sel{background:url(../image/lecture/btn_full2.png) no-repeat 0 -26px;}
.lectureWrap .control .s_low a.hover, .lectureWrap .control .s_low a.selected{background-position:-87px -34px;}
.lectureWrap .control .s_normal a.hover, .lectureWrap .control .s_normal a.selected{background-position:-87px -57px;}
.lectureWrap .control .s_high1 a.hover, .lectureWrap .control .s_high1 a.selected{background-position:-87px -79px;}
.lectureWrap .control .s_high2 a.hover, .lectureWrap .control .s_high2 a.selected{background-position:-87px -101px;}
.lectureWrap .control dd a{position:absolute;vertical-align:top;height:22px;background:url(../image/lecture/img_control.png) no-repeat 0 1px; display:inline-block;}
.lectureWrap .control .seek_time{position:relative;top:-15px;width:50px; background:#fff; color:#000; font-size:12px; line-height:12px; padding:3px 0px; text-align:center;opacity:0.8;}

progress{border: 0;}
progress[value] {color:#322f31;}
progress::-ms-fill {border-color: currentColor;}
progress::-webkit-progress-bar-value {background-color:#322f31;}
progress::-webkit-progress-value {background-color:#322f31;}
progress::-moz-progress-bar {background-color:#322f31;}

.videofakefullscreen {height:100%;width:100%;position:fixed;left:0;top:0;z-index:100 !important;background-color:black;}

/* searWrap */
.searWrap{position:relative;width:1000px; height:527px; background:url(../image/search/search_bg.png) no-repeat 72px 113px; padding:70px 0 0 123px}
.searWrap .txt{ position: absolute; top:36px; left:10px;width:720px;height:25px; position:relative; color:#8e8e8e; font-size:14px}
.searWrap .txt .hl{ color:#4da5ff}
.searWrap .step1{position: relative; width:720px; height:425px; padding-top:41px}
.searWrap .que{ clear:both;padding-top:20px;}
.searWrap .que .num{ width:36px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:19px; line-height:145%; color:#ffd600}
.searWrap .que .que_txt{ width:576px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:19px; padding-bottom:5px; line-height:145%; color:#ffd600}
.searWrap .step1 .cont{ position:relative;width:630px; height:377px;  padding:13px 50px 30px 68px; border:0px solid red; overflow:auto;color:#fff ;font-family:Arial, Helvetica, sans-serif; line-height:260%; font-size:16px}
.searWrap .step1 .cont a{ color:#fff;font-family:Arial, Helvetica, sans-serif;}
.searWrap .step1 .cont a.hover, .searWrap .step1 .cont a.sel{ color:#4da5ff}
.searWrap .step1 .cont .wri { position:absolute;}
.searWrap .step1 .cont .wri input{ color:#171717 ;font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:2px; background-color:#afd6ff; border:0px}
.searWrap .step2{position: relative; width:720px; height:425px; padding-top:41px}
.searWrap .step2 .bt_kor{ position: absolute; top:7px; left:668px; width:84px; height:30px;}
.searWrap .step2 .bt_kor a{ display:block; width:84px; height:30px;background:url(../image/search/sear_btn.png) no-repeat -389px 0px;}
.searWrap .step2 .bt_kor a.hover{background:url(../image/search/sear_btn.png) no-repeat -389px -33px;}
.searWrap .step2 .cont{ position:relative;width:630px; height:377px;  padding:13px 50px 30px 68px; border:0px solid red; overflow:auto;color:#fff ;font-family:Arial, Helvetica, sans-serif; line-height:260%; font-size:16px}
.searWrap .step2 .cont .ans{ color:#4da5ff ;font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.searWrap .step2 .cont .ans_x{ position:relative; color:#4da5ff; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.searWrap .step2 .cont .ans_xx{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.searWrap .step2 .cont .ans_o{ position:absolute;background:url(../image/search/ico_right.png) no-repeat 0 1px; width:14px; height:15px}
.searWrap .step2 .cont .wri_x{ position:absolute; color:#ff5400 ;font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:line-through }
.searWrap .controll{ position:relative; width:695px; height:41px; padding:0 0 0 38px; }
.searWrap .controll .click{position:absolute;top:-30px;left:25px;width:70px;height:32px;background:url(../image/search/sear_controll.png) no-repeat -171px 0px}
.searWrap .controll .bt_play{ position: relative; width:40px; height:41px; float:left;}
.searWrap .controll .bt_play a{ display:block; width:40px; height:41px;background:url(../image/search/sear_controll.png) no-repeat 0px 0px;}
.searWrap .controll .bt_play a.hover{background:url(../image/search/sear_controll.png) no-repeat 0 -44px;}
.searWrap .controll .bt_pause{ position: relative; width:40px; height:41px; float:left;}
.searWrap .controll .bt_pause a{ display:block; width:40px; height:41px;background:url(../image/search/sear_controll.png) no-repeat -41px 0px;}
.searWrap .controll .bt_pause a.hover{background:url(../image/search/sear_controll.png) no-repeat -41px -44px;}
.searWrap .controll .bt_stop{ position: relative; width:40px; height:41px; float:left;}
.searWrap .controll .bt_stop a{ display:block; width:40px; height:41px;background:url(../image/search/sear_controll.png) no-repeat -82px 0px;}
.searWrap .controll .bt_stop a.hover{background:url(../image/search/sear_controll.png) no-repeat -82px -44px;}
.searWrap .controll .bar{position:relative;width:504px;height:40px;background:url(../image/search/bar.png) no-repeat 3px 8px; float:left; }
.searWrap .controll .bar .c_bar{position:absolute;top:16px;left:7px;height:5px; background-color:#302d2b}
.searWrap .controll .bar .ico{position:absolute;top:8px; width:13px; height:20px; border:0px solid red}
.searWrap .controll .bar .ico a{ display:block; width:13px; height:20px;background:url(../image/search/sear_controll.png) no-repeat -130px 0}
.searWrap .controll .bar .ico a.hover{background:url(../image/search/sear_controll.png) no-repeat -148px 0}
.searWrap .controll .time{position:relative;width:100px;height:19px; float:left ; font-size:14px; padding:9px 0 0 8px; color:#222}
.searWrap .bt_confirm{ position: absolute; top:490px; left:888px; width:74px; height:69px;}
.searWrap .bt_confirm a{ display:block; width:74px; height:69px;background:url(../image/search/sear_btn.png) no-repeat 0 0px;}
.searWrap .bt_confirm a.hover{background:url(../image/search/sear_btn.png) no-repeat -79px 0;}
.searWrap .bt_retry{ position: absolute; top:490px; left:888px;width:74px; height:69px;}
.searWrap .bt_retry a{ display:block; width:74px; height:69px;background:url(../image/search/sear_btn.png) no-repeat -170px 0px;}
.searWrap .bt_retry a.hover{background:url(../image/search/sear_btn.png) no-repeat -249px 0;}

.searWrap .kor_pop{position: absolute; top:122px; left:133px;width:740px; height:510px; padding:60px 40px 10px 60px; background:url(../image/search/pop_bg.png) no-repeat 0 0px;z-index:30;}
.searWrap .kor_pop .bt_close{ position: absolute; top:23px; left:683px;width:28px; height:27px;}
.searWrap .kor_pop .bt_close a{ display:block; width:28px; height:27px;background:url(../image/search/sear_btn.png) no-repeat -349px -3px}
.searWrap .kor_pop .bt_close a.hover{background:url(../image/search/sear_btn.png) no-repeat -349px -33px}

.searWrap .kor_pop .cont{position: relative; width:607px; height:346px; font-size:16px; line-height:220%; overflow:auto; padding:40px 40px 30px 10px;}
.searWrap .kor_pop .cont .subj {font-weight:500; padding-bottom:5px; color:#995511}