@charset "euc-kr";
/* ?™ë¬’??¨ì¢Šëµ?*/
@font-face {
	font-family: "MalgunGothic";
	src: url('./font/MalgunGothic.eot');
	src: url('./font/MalgunGothic.eot?iefix') format('eot'), url('./font/MalgunGothic.ttf') format('truetype');
}

/* ??Žë‹Ž?¨ì¢Šëµ?*/
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
 #accessibility,.skip, hr,legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-1000em;}
/* base */
html{overflow-y:scroll;}
body{ width:100%; height:100%; background-color:transparent; font-size:12px; text-align:center;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
/* a-style */
a{color:#333;text-decoration:none;}
a:hover, a:active{color:#2255cb;text-decoration:underline;}
/*common*/
.reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:16px;border:none;background:none;color:#888;font:11px;padding:2px 0 0 4px}
/*btn*/
.btn_r{text-align:right}
.btn_l{text-align:left}
.btn_c{text-align:center}
table{text-align:left;}

img,input{ vertical-align:middle;}

/*div ?„치조절*/
#wrap{ position:absolute; z-index:3; left:0px; top:0px; width:100%; height:100%; text-align:left;}


/*top ?„치조절*/
#top_total{margin:0 auto; width:100%; height:280px; background-image:url(../images/top_bg.jpg); background-position:top; background-repeat:repeat-x;}
#top_div{ margin:0 auto; width:1000px; height:280px;}

/* ·Î±×ÀÎ*/
#login_totla{ margin:0 auto; width:1000px; height:50px;}
#login{ float:right; width:400px; height:20px; margin:10px 20px 21px 400px; text-align:right;}
#login ul{list-style-type:none; margin:0; padding:0;}
#login li {display: block; float:right; height:26px;}
#login li a{padding:0px 6px 0px 0px; font-family:"NanumGothic"; font-size:11px; color:#000000; line-height:25px; }
#login li a:hover,a:active{color:#08b300; background-color:#FFFFFF;}
#login img{display: block; float:left;}

/* žºÎºÐ*/
#top{ margin:0 auto; width:1000px; height:3 3px;}
#logo{ float:left; width:210px; height:54px;}
#domain{ float:left; width:260px; height:33px; padding:0 0 0 171px;}
#search_div{float:right; width:330px; height:27px; border:3px solid #118411; text-align:right;}

/*ž¸Þ´º*/
#top_menu_total{ margin:0 auto; width:1000px; height:40px; padding-top:10px;}
#top_menu{ float:left; width:1000px; height:40px; margin:5px 0 0 130px;}
.menu li { float:left; display:block; list-style: none;}
.menu li a { margin:0; padding:0 0 0 0; text-decoration: none; line-height:40px; font-family:"¸¼Àº°íµñ","MalgunGothic","³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:16px; font-weight: 600; color:#FFF; }
.menu li a:hover { color: #f2f06b; }
.menu li a:active{ color: #000000; background:none;}
/*
#top_menu #menu01{width:139px; height:40px; text-align:center;}
#top_menu #menu02{width:135px; height:40px; text-align:center;}
#top_menu #menu03{width:156px; height:40px; text-align:center;}
*/
#top_menu #menu04{width:173px; height:40px; text-align:center;}
#top_menu #menu05{width:193px; height:40px; text-align:center;}
#top_menu #menu06{width:175px; height:40px; text-align:center;}
#top_menu #menu07{width:155px; height:40px; text-align:right;}


/*ž ¹ÙÅÒ¸Þ´º*/
#top_bottom_totla{ margin:0 auto; width:1000px; height:130px;}
#top_q01{ float:left; width:108px; height:130px;}
#top_q02{ float:left; width:98px; height:130px;}
#top_q03{ float:left; width:98px; height:130px;}
#top_q04{ float:left; width:97px; height:130px;}
#top_q05{ float:left; width:99px; height:130px;}
#top_q06{ float:left; width:97px; height:130px;}
#top_q07{ float:left; width:98px; height:130px;}
#top_q08{ float:left; width:98px; height:130px;}
#top_q09{ float:left; width:98px; height:130px;}
#top_q10{ float:left; width:109px; height:130px;}




/*¹Ùµð ºÎºÐ*/
#body_total{margin:0 auto; width:100%; height:1200px;}
#body_div{ margin:0 auto; width:1000px; height:1200px;}

/*¹Ùµð ºÎºÐ (left ºÎºÐ)*/
#body_left{ float:left; width:230px; height:870px;}
#body_news{ float:left; width:177px; height:90px; padding:50px 24px 15px 29px; background-image:url(../images/new_bg.jpg); background-position:top; background-repeat:no-repeat;}
#body_news a{display:block; width:170px; height:22px; padding:0 0 0 5px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:25px; color:#333; text-align:left;}

#body_QA{ float:left; width:177px; height:110px; padding:50px 20px 5px 33px; background-image:url(../images/QA_bg.jpg); background-position:top; background-repeat:no-repeat;}
#body_QA ul{list-style-type:none;}
#body_QA ul li{float:left;}
#body_QA ul li a{display:block; width:50px; height:50px; margin-right:9px; margin-bottom:5px;}



#cus{ float:left; width:230px; height:570px;}

/*¹Ùµð ºÎºÐ (right ºÎºÐ)*/
#body_right{ float:right; width:770px; height:990px;}
#body_main{ float:right; width:770px; height:400px; padding:15px 0 0 0;}

#best_img{ float:right; width:770px; height:59px;}
#best{ float:right; width:750px; height:190px; padding:0 20px 0 0;}

#reco_img{ float:right; width:770px; height:59px;}
#reco{ float:right; width:750px; height:190px; padding:0 20px 0 0;}

#new_img{ float:right; width:770px; height:59px;}
#new{ float:right; width:750px; height:190px; padding:0 20px 0 0;}


/*Ä«ÇÇ ¹öÆ°*/
#copy_total{margin:0 auto; width:100%; height:230px; background-image:url(../images/copy_bg.jpg); background-position:top; background-repeat:repeat-x;}
#copy_bottom_div{ margin:0 auto; width:1000px; height:230px;}
#copy_top_menu{ float:left; width:1000px; height:36px; margin:0 0 0 0;  background-image:url(../images/copy_top_menu.jpg); background-position:top; background-repeat:no-repeat;}
.copy_top_menu li { float:left; display:block; list-style: none;}
.copy_top_menu li a { margin:0; padding:0 0 0 0; text-decoration: none; line-height:35px; font-family:"¸¼Àº°íµñ","MalgunGothic","³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:12px; font-weight: 600; color:#FFF; }
.copy_top_menu li a:hover { color: #000000; }
.copy_top_menu li a:active{ color: #000000; background:none;}

#copy_top_menu #menu01{width:82px; height:36px; text-align:center;}
#copy_top_menu #menu02{width:83px; height:36px; text-align:center;}
#copy_top_menu #menu03{width:90px; height:36px; text-align:center;}
#copy_top_menu #menu04{width:88px; height:36px; text-align:center;}
#copy_top_menu #menu05{width:127px; height:36px; text-align:center;}

#copy_add{ margin:0 auto; width:1000px; height:194px;}
#copy_left{ float:left; width:401; height:194px;}
#copy_right{ float:right; width:550px; height:54px; padding:31px 20px 0 0; line-height:18px; font-family:"¸¼Àº°íµñ","MalgunGothic","³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:11px; color:#989898; text-align:right;}
#copy_es{ float:right; width:236px; height:75px; padding:10px 0 0 0; text-align:right;}





/*¼­ºê ¹ÙµðºÎºÐ*/
#sub_body_total{ margin:0 auto; width:100%; overflow:hidden;}
#sub_body_div{ margin:0 auto; width:1000px; overflow:hidden;}

/*left*/
#sub_left_total{ float:left; width:230px; overflow:hidden;}
#sub_left01{ float:left; width:230px; height:337px; background-image: url(../images/left01total_bg.jpg); background-position:top; background-repeat:no-repeat;}


/*lef01 ´ë¸Þ´º*/
#left_nav{ width:198px; overflow:hidden; padding:15px 12px 0px 20px;}
#left_nav li {list-style-type:none;}
#left_nav li a{display:block; width:162px; height:18px; padding:8px 0px 6px 36px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:15px; color:#118411; line-height:18px; text-decoration:none; font-weight:600;
  background-image:url(../images/left01_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav li a:hover{color:#4e4e4d; background-image:url(../images/left01_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav li a:active{color:#0b0b0b; background-image:url(../images/left01_bg.jpg); background-position:top left; background-repeat:no-repeat;}



/*lef02 ´ë¸Þ´º*/
#left_nav02{ width:198px; overflow:hidden; padding:8px 12px 0px 20px;}
#left_nav02 li {list-style-type:none;}
#left_nav02 li a{display:block; width:162px; height:18px; padding:8px 0px 6px 36px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:15px; color:#118411; line-height:18px; text-decoration:none; font-weight:600;
  background-image:url(../images/left02_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav02 li a:hover{color:#4e4e4d; background-image:url(../images/left02_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav02 li a:active{color:#0b0b0b; background-image:url(../images/left02_bg.jpg); background-position:top left; background-repeat:no-repeat;}



/*lef03 ´ë¸Þ´º*/
#left_nav03{ width:198px; overflow:hidden; padding:9px 12px 0px 20px;}
#left_nav03 li {list-style-type:none;}
#left_nav03 li a{display:block; width:162px; height:18px; padding:8px 0px 6px 36px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:15px; color:#118411; line-height:18px; text-decoration:none; font-weight:600;
  background-image:url(../images/left03_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav03 li a:hover{color:#4e4e4d; background-image:url(../images/left03_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav03 li a:active{color:#0b0b0b; background-image:url(../images/left03_bg.jpg); background-position:top left; background-repeat:no-repeat;}




/*lef04 ´ë¸Þ´º*/
#left_nav04{ width:198px; overflow:hidden; padding:14px 12px 0px 20px;}
#left_nav04 li {list-style-type:none;}
#left_nav04 li a{display:block; width:162px; height:18px; padding:8px 0px 6px 36px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:15px; color:#118411; line-height:18px; text-decoration:none; font-weight:600;
  background-image:url(../images/left04_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav04 li a:hover{color:#4e4e4d; background-image:url(../images/left04_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#left_nav04 li a:active{color:#0b0b0b; background-image:url(../images/left04_bg.jpg); background-position:top left; background-repeat:no-repeat;}



/*lef ¼­ºê¸Þ´º*/
#sub_left_total .sub_nav{width:198px; overflow:hidden;}
#sub_left_total .sub_nav li {text-align:center; list-style-type:none; text-align:left; border:0; }
#sub_left_total .sub_nav li a{display:block; text-decoration:none; width:162px; height:24px; padding:0px 0px 0px 36px; font-family:"¸¼Àº °íµñ", "MalgunGothic", "³ª´®°íµñ", "NanumGothic" ; 
font-size:12px; color:#5b5b5b; line-height:24px; font-weight:100; background:none;}
#sub_left_total .sub_nav li a:hover{color:#4e4e4d; background:none;}
#sub_left_total .sub_nav li a:active{color:#050505; background:none;}

/*left???
#left_nav .sub_nav .sub_cate{ display:block; width:140px; border:1px solid #004b9e; background:#fff; padding:8px; list-style-type:none;}
#left_nav .sub_nav .sub_cate li{background:none; padding:0; margin:0;}
#left_nav .sub_nav .sub_cate li a{display:block; width:150px; height:25px; border:0; padding:0 0 0 10px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:25px; color:#333; text-align:left; font-weight:400;}
#left_nav .sub_nav .sub_cate li a:hover{color:#469110; background:url('../images/sub_icon.png') no-repeat 0px 5px;}
*/

.sub_nav .sub_cate{ display:block; width:130px; border:1px solid #118411; background:#fff; padding:8px; list-style-type:none;}
.sub_nav .sub_cate li{background:none; padding:0; margin:0;}
.sub_nav .sub_cate li a{display:block; width:140px; height:25px; border:0; padding:0 0 0 10px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; line-height:25px; color:#333; text-align:left; font-weight:400;}
.sub_nav .sub_cate li a:hover{color:#469110; background:url('../images/sub_icon.png') no-repeat 0px 5px;}





/*left02*/
#sub_left02{ float:left; width:230px; height:450px; background-image: url(../images/left02total_bg.jpg); background-position:top; background-repeat:no-repeat;}

#suc_cus{ float:left; width:230px; height:570px;}


/*ÆäÀÌÁö ºÎºÐ*/
#sub_right_total{ float:right; width:770px; overflow:hidden;}
#sub_right_title{ float:right; width:770px; height:115px; background-image:url(../images/sub_title_bg.jpg); background-position:top; background-repeat:no-repeat;}
#sub_title01{ float:left; width:300px; height:27px; padding:50px 0 0 35px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:23px; color:#118411; line-height:27px; text-decoration:none; font-weight:600; text-align:left;}
#sub_title02{ float:right; width:300px; height:28px; padding:55px 20px 0 0; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:11px; color:#707070; line-height:28px; text-decoration:none; font-weight:600; text-align:right;}
#sub_right_body{ float:right; width:730px; padding:0 20px 0 20px;}




/* µ¿¿µ»ó ¼Ò½º*/
.sub_img_movie{ width:750px; height:340px;}