@charset "euc-kr"; 
/* ===========================
common 
=========================== */
html {}
body{font-family:Dotum, verdana, 'sans-serif';font-size:12px;color:#666;background-color:#fff;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td{margin:0;padding:0}
ul, ol, li{list-style:none}
hr{display:none}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:none}
/* Link Css */
a:link, a:visited, a:active {text-decoration:none}
a:hover{text-decoration:underline;}
/* form */
textarea, select, input {font-family:Dotum, verdana, 'sans-serif';font-size:12px;outline:none}
.hid, .acc, hr, caption {overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:0;height:0;left:-9999px;line-height:0;}
/* ===========================
·¹À̾ƿô
=========================== */
.wrap_ttrl {}
.wrap_ttrl h1 a {position:relative; display:block; overflow:hidden; text-indent:-1111px; width:170px; height:100px; background:url('//res.afreecatv.com/images/tutorial/gnb.gif') repeat 0 0 ;}
/* GNB */
.gnb {position:fixed; left:0; top:0; bottom:0; z-index:11; width:170px; background:url('//res.afreecatv.com/images/tutorial/gnb_bg.gif') repeat 0 0;}
/* ¸Þ´º */
.menu {}
.menu h2 {overflow:hidden;position:absolute;left:-11111px;top:0;width:0;height:0;font-size:0;line-height:0;}
.menu ul {background:url('//res.afreecatv.com/images/tutorial/gnb.gif') no-repeat 0 -100px;}
.menu li a {display:block; overflow:hidden; text-indent:-1111px; width:170px; height:36px; background:url('//res.afreecatv.com/images/common/n.gif') no-repeat 0 0 ;}
.menu li.li1 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 0 ;}
.menu li.li2 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 -36px ;}
.menu li.li3 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 -72px ;}
.menu li.li4 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 -108px ;}
.menu li.li5 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 -144px ;}
.menu li.li6 a.on {background:url('//res.afreecatv.com/images/tutorial/gnb_on.gif') no-repeat 0 -180px ;}
/* Äü¸Þ´º */
.quick {position:absolute; left:0; right:0; bottom:0;}
.quick h2 {overflow:hidden;position:absolute;left:-11111px;top:0;width:0;height:0;font-size:0;line-height:0;}
.quick ul {height:93px; background:url('//res.afreecatv.com/images/tutorial/gnb.gif') no-repeat 0 -507px;}
.quick li a {position:absolute; display:block; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/common/n.gif') no-repeat 0 0;}
.quick li.li1 a {top:0px; left:7px; width:154px; height:48px; }
.quick li.li2 a {top:53px; left:0px; width:86px; height:40px; }
.quick li.li3 a {top:53px; left:86px; width:84px; height:40px; }
.quick li.li1 a:hover {top:-8px; background:url('//res.afreecatv.com/images/tutorial/studio_on.gif') no-repeat 0 0;}
.quick li.li2 a:hover {background:url('//res.afreecatv.com/images/tutorial/quick_on.gif') no-repeat 0 0;}
.quick li.li3 a:hover {background:url('//res.afreecatv.com/images/tutorial/quick_on.gif') no-repeat -86px 0;}
/* ===========================
ÄÁÅÙÃ÷
=========================== */
/* ÄÁÅÙÃ÷ */
.contbox {position:absolute; left:170px; right:0; top:0; bottom:0; }
.cont {position:relative; overflow:auto; overflow-x:hidden; }
.contbox h3 {position:relative; display:block; overflow:hidden; text-indent:-1111px; height:71px; margin:29px 0 0 40px;}
.contbox .cont_img_freecshot,
.contbox .cont_img {position:relative; border-top:1px solid #dedede; padding:0 0 50px; background:#f6f6f6; }
.cont_main, .cont_1, .cont_2, .cont_3, .cont_4, .cont_5,
.cont_6 {display:none;}
/* ¸ÞÀÎ */
.cont_main {display: block;}
.cont_main h3 {height:590px; margin:0; border:none; overflow:hidden; background:url('//res.afreecatv.com/images/tutorial/cont_main.png') no-repeat 0 0;}
.cont_main ul {position:absolute; left:50px; top:238px;}
.cont_main li {float:left;}
.cont_main li a {float:left; display:block; width:338px; height:130px;  overflow:hidden; text-indent:-1111px;}
/* ¼­ºê1 */
.cont_1 {}
.cont_1 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_01.gif') no-repeat 0 0;}
.cont_1 .link1 a {left:543px; top:562px; width:154px; height:25px; }
.cont_1 .cont_img_freecshot .link1 a {left:583px; width:114px;}
.cont_1 .link2 a {left:604px; top:2569px; width:90px; height:25px; }
.cont_1 .cont_img_freecshot {display:block;}
.cont_1 .cont_img {display:none;}
/* ¼­ºê2 */
.cont_2 {}
.cont_2 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_02.gif') no-repeat 0 0;}
.cont_2 .link1 a {left:548px; top:802px; width:153px; height:25px; }
.cont_2 .cont_img_freecshot .link1 a {left:585px; top:795px; width:113px;}
.cont_2 .link2 a {left:602px; top:2794px; width:90px; height:25px; }
.cont_2 .cont_img_freecshot {display:block;}
.cont_2 .cont_img {display:none;}
/* ¼­ºê3 */
.cont_3 {}
.cont_3 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_03.gif') no-repeat 0 0;}
.cont_3 .link1 a {left:567px; top:573px; width:134px; height:25px; }
.cont_3 .link2 a {left:602px; top:2526px; width:90px; height:25px; }
/* ¼­ºê4 */
.cont_4 {}
.cont_4 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_04.gif') no-repeat 0 0;}
.cont_4 .link1 a {left:549px; top:572px; width:154px; height:25px; }
.cont_4 .link2 a {left:604px; top:2569px; width:90px; height:25px; }
/* ¼­ºê5 */
.cont_5 {}
.cont_5 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_05.gif') no-repeat 0 0;}
.cont_5 .link1 a {left:532px; top:291px; width:133px; height:25px; }
.cont_5 .link2 a {left:532px; top:663px; width:99px; height:25px; }
.cont_5 .link3 a {left:306px; top:1300px; width:138px; height:25px;}
.cont_5 .link4 a {left:306px; top:2328px; width:138px; height:20px;}
/* ¼­ºê6 */
.cont_6 {}
.cont_6 h3 {background:url('//res.afreecatv.com/images/tutorial/stit_06.gif') no-repeat 0 0;}
.cont_6 .link1 a {left:51px; top:2400px; width:133px; height:25px; }
.cont_6 .link2 a {left:532px; top:2829px; width:155px; height:25px; }
.cont_6 .link3 a {left:532px; top:3358px; width:125px; height:25px;}
/* ¸µÅ© */
.cont .link a {position:absolute; display:block; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/common/n.gif') no-repeat 0 0;}
/* ÅÇ */
.tab_ver {position:absolute; right:0; top:58px; z-index:11; width:263px; height:43px; background:url('//res.afreecatv.com/images/tutorial/tab_ver.gif') no-repeat 0 -43px;}
.tab_ver:after {content:""; display:block; clear:both;}
.tab_ver ul {}
.tab_ver li {float:left; width:132px; height:43px;}
.tab_ver li.li2 {width:131px;}
.tab_ver li a {display:block; height:100%; overflow:hidden; text-indent:-1111px;}
.tab_ver li.li1 a.on {background:url('//res.afreecatv.com/images/tutorial/tab_ver.gif') no-repeat 0 0;}
.tab_ver li.li2 a.on {background:url('//res.afreecatv.com/images/tutorial/tab_ver.gif') no-repeat -132px  0;}