@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* {margin:0; padding:0;}
body {width:100%; color:#444; font:12px/1.6 Dotum,AppleGothic,sans-serif; overflow-x:hidden; }
div {margin:0 auto; text-align:left;}
fieldset,img {border:none;}
img { border:0; vertical-align:top; border:0 none; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse:collapse;}
address, em {font-style:normal;}
input,textarea {font-family:inherit; font-size:1.05em;} /*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p{ margin:0; padding:0; }
ul, li{ list-style:none; margin:0; padding:0; }
hr{ display:none; }

@font-face {
    font-family: ng;
    src: url('../font/NanumGothic.eot');
}
body, div {
    font-family:'나눔고딕', 'NanumGothic', ng;/*'Microsoft YaHei, Arial, Helvetica, Verdana, sans-serif;';*/
}

#wrap {width:100%; margin:0 auto; padding:0; text-align:center;  position:relative; min-width:1120px;}
#wrap .top_flow {position:fixed; left:50%; top:285px; margin-left:525px; }


#wrap .logo_area {width:1120px; height:89px; margin:0 auto; text-align:center; position:absolute; top:0; left:50%; margin-left:-560px; z-index:301; min-width:1120px;}

.logo_area .logo {width:256px; height:89px; float:left;}
.logo_area .top_bt {float:right;}
.top_bt ul li {float:left; color:#ffffff; line-height:89px; margin-left:10px; font-size:14px;}

.top_bt ul li a {color:#ffffff; line-height:89px;}
.top_bt ul li a:visited {color:#ffffff;}
.top_bt ul li a:active {color:#ffffff;}
.top_bt ul li a:hover {color:#ffffff; text-decoration:none;}

#wrap .menu_area {width:1120px; height:70px; min-width:1120px;  position:absolute; text-align:center; top:89px; left:50%; margin-left:-560px; z-index:300; min-width:1120px; background:url(../images/menu_bg.png) repeat-x;}

.menu_area .menu_tab {width:1120px; height:70px; position:relative;}

.menu_tab #bt_menu_tab1,
.menu_tab #bt_menu_tab2,
.menu_tab #bt_menu_tab3,
.menu_tab #bt_menu_tab4,
.menu_tab #bt_menu_tab5,
.menu_tab #bt_menu_tab6,
.menu_tab #bt_menu_tab7,
.menu_tab #bt_menu_tab8{  cursor:pointer; }
.menu_tab #bt_menu_tab1.selected { background-position:0 -140px; }
.menu_tab #bt_menu_tab2.selected { background-position:-164px -140px; }
.menu_tab #bt_menu_tab3.selected { background-position:-309px -140px; }
.menu_tab #bt_menu_tab4.selected { background-position:-455px -140px; }

.menu_tab #bt_menu_tab6.selected { background-position:-752px -140px; }
.menu_tab #bt_menu_tab7.selected { background-position:-634px -140px; }
.menu_tab #bt_menu_tab8.selected { background-position:-880px -140px; }

.menu_tab .tab {  height:70px;}

.menu_tab .tab a#bt_menu_tab1{float:left; width:163px;  height:70px; background:url("../images/menu_area.png") no-repeat 0 -70px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab2{float:left; width:145px;  height:70px; background:url("../images/menu_area.png") no-repeat -164px -70px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab3{float:left; width:146px;  height:70px; background:url("../images/menu_area.png") no-repeat -309px -70px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab4{float:left; width:179px;  height:70px; background:url("../images/menu_area.png") no-repeat -455px -70px; cursor:pointer; }

.menu_tab .tab a#bt_menu_tab6{float:left; width:118px;  height:70px; background:url("../images/menu_area.png") no-repeat -752px -70px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab7{float:left; width:128px;  height:70px; background:url("../images/menu_area.png") no-repeat -634px -70px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab8{float:left; width:240px;  height:70px; background:url("../images/menu_area.png") no-repeat -880px -70px; cursor:pointer; }


.menu_tab .tab a#bt_menu_tab1.selected { background-position:0 -140px; }
.menu_tab .tab a#bt_menu_tab2.selected { background-position:-164px -140px; }
.menu_tab .tab a#bt_menu_tab3.selected { background-position:-309px -140px; }
.menu_tab .tab a#bt_menu_tab4.selected { background-position:-455px -140px; }

.menu_tab .tab a#bt_menu_tab6.selected { background-position:-752px -140px; }
.menu_tab .tab a#bt_menu_tab7.selected { background-position:-634px -140px; }
.menu_tab .tab a#bt_menu_tab8.selected { background-position:-880px -140px; }

#menu_tab2,#menu_tab3,#menu_tab4,#menu_tab5,#menu_tab6,#menu_tab7,#menu_tab8 { display:none; }


.menu_tab #sub1 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub2 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub3 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub4 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub5 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub6 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub7 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}
.menu_tab #sub8 {visibility:hidden; position:absolute; width:1120px; height:50px; top:70px; left:0; z-index:333; background:#ffffff;}


.menu_tab #sub1on {position:absolute; top:60px; left:0; padding:0 10px 0 13px; z-index:333; background:#ffffff;}
.menu_tab #sub2on {position:absolute; top:60px; left:0; padding:0 10px 0 13px; z-index:326; background:#ffffff;}
.menu_tab #sub3on {position:absolute; top:60px; left:0; padding:0 10px 0 13px; z-index:324; background:#ffffff;}
.menu_tab #sub4on {position:absolute; top:60px; left:0; padding:0 10px 0 13px; z-index:322; background:#ffffff;}



.sub1_fix li {display:inline;  text-align:left; }
.sub2_fix li {display:inline;  text-align:left;}
.sub3_fix li {display:inline;  text-align:left; }
.sub4_fix li {display:inline;  text-align:left;}


li.menu_text01 {color:#434343; line-height:50px; margin:0 10px 0 10px; }
li.menu_text01 a {float:left; color:#434343; font-size:12px; font-weight:bold; margin-right:20px;}
li.menu_text01 a:active {color:#434343; }
li.menu_text01 a:visited {color:#434343; }
li.menu_text01 a:hover {color:#94bf00;  text-decoration:none;}

li.menu_text01 a.on_menu_active {color:#ffffff;  text-decoration:none;}
li.menu_text01 a.on_menu_active:hover {color:#ffffff;  text-decoration:none; }

/*메인비주얼 스크립트*/
#wrap #slides {width:100%; height:560px; position:relative; min-width:1120px;}

.slides_container { width:100%; height:560px; overflow:hidden;}

.catch01 {position:absolute; left:50%; top:350px; margin-left:-370px; z-index:3;}
.catch01_bt {position:absolute; left:50%; top:490px; margin-left:-118px; z-index:3;}

.catch02 {position:absolute; left:50%; top:350px; margin-left:-333px; z-index:3;}
.catch02_bt {position:absolute; left:50%; top:490px; margin-left:-135px; z-index:3;}

.catch03 {position:absolute; left:50%; top:280px; margin-left:60px; z-index:3;}
.catch03_bt {position:absolute; left:50%; top:490px; margin-left:285px; z-index:3;}

.catch04 {position:absolute; left:50%; top:350px; margin-left:-472px; z-index:3;}
.catch04_bt {position:absolute; left:50%; top:490px; margin-left:-135px; z-index:3;}

.catch05 {position:absolute; left:50%; top:240px; margin-left:-558px; z-index:3;}
.catch05_bt {position:absolute; left:50%; top:490px; margin-left:-548px; z-index:3;}

.next { position:absolute; z-index:300; top:135px; right:0;  cursor:pointer; }
.prev {left:0; top:135px; position:absolute; z-index:300; cursor:pointer; }


/*메인비주얼 스크립트 종료*/

/* 메인페이지 영역*/

#wrap .main_content01 {width:100%; height:606px; text-align:center; background:#ece9de; min-width:1020px;}
.main_content01 .main_content01_fix {width:1020px; min-width:1120px; }
.main_content01_fix .main_content01_1 {width:1020px; height:189px; text-align:center;}
.main_content01_fix .main_content01_2 {width:1020px; height:204px;}

.main_content01_2 .main_content01_2_1 {width:317px; float:left;}
.main_content01_2_1 .main_content01_2_1_title {width:317px; height:34px; margin:0 0 10px 0;}

.main_content01_2 .main_content01_2_2 {width:317px; float:left; margin-left:34px;}
.main_content01_2_2 .main_content01_2_2_title {width:317px; height:34px; margin:0 0 10px 0;}

.main_content01_2 .main_content01_2_3 {width:317px; float:left; margin-left:35px;}
.main_content01_2_3 .main_content01_3_1 {}
.main_content01_2_3 .main_content01_3_2 {padding-top:21px;}

#wrap .main_content02 {width:1020px; height:368px; margin-top:30px; min-width:1020px;}
.main_content02 .main_content02_1 {width:325px; float:left; }
.main_content02 .main_content02_2 {width:286px; float:left; margin-left:40px;}
.main_content02 .main_content02_3 {width:317px; float:left; margin-left:52px;}
.main_content02_3 .main_content02_3_1 {width:317px; height:180px; background:#5ab600;}
.main_content02_3 .main_content02_3_2 {width:317px; height:180px; background:#fbb103; margin-top:8px;}

#wrap .main_content03 {width:1020px; height:375px; margin-top:30px; min-width:1020px;}

.main_content03 .main_content03_1 {width:683px; float:left;}
.main_content03_1 .main_content03_1_1 {width:683px; height:32px;  }
.main_content03_1 .main_content03_1_2 {width:683px; height:344px; margin-top:20px; }

.main_content03_1_2 .gift_span01 {width:325px; float:left;}
.main_content03_1_2 .gift_span02 {width:325px; float:left; margin-left:30px;}

.main_content03 .main_content03_3 {width:317px; float:left; margin-left:20px;}

#wrap .subvisual {width:100%; height:447px; background:url(../images/subvisual.jpg) no-repeat; text-align:center; min-width:1120px;}
.subvisual td.subvisual_text img{padding-top:194px;}

.title_navi img {margin-top:4px;}
.title_navi a {color:#272727;}
.title_navi a:visited {color:#272727;}
.title_navi a:active {color:#272727;}
.title_navi a:hover {color:#272727; text-decoration:none;}

#wrap .subcontent {
	text-align:center;
	width:1120px;
	min-height:650px;
	background:#ffffff;
	
}

.subcontent .left1 {width:219px; height:auto; float:left; margin-top:-169px; z-index:1000;}
.left1 .left_title {width:219px; height:169px; position:relative; background:url(../images/left_title01.gif) no-repeat;
font-size:22px; color:#ffffff; line-height:169px; text-align:center; font-weight:bold;}

.subcontent .left_space {width:13px; float:left; visibility:hidden;}

/* 텝 제 1분류 영역*/
.left1 .subnavi {width:219px; height:381px; background:#f2f2f2;}
.subnavi ul {padding-top:20px;}
.subnavi li {display:block; padding:0;}
.subnavi ul li a{display:block; padding:0; font-size:12px; font-weight:bold; }
.subnavi ul li a span {text-align:block; font-weight:bold; }

.subnavi ul li a.sub_on { width:219px; height:38px; font-weight:bold; color:#959595; text-decoration:none; line-height:38px; text-align:left;}
.subnavi ul li a.sub_on:hover{ width:219px; height:38px; font-weight:bold; color:#464646; text-decoration:none; line-height:38px;}
.subnavi ul li.sub_active_class a {width:219px; height:38px; font-weight:bold; color:#464646; text-decoration:none; line-height:38px;}
.subnavi ul li.sub_active_class a:hover {width:219px; height:38px; font-weight:bold; color:#464646; text-decoration:none; line-height:38px;}
span.submenu_text {padding-left:32px;}
/* 텝 제 1분류 영역 종료*/


.subcontent .right1 {width:888px; height:auto; float:left; margin-top:-169px;}
.right1 .title1 {width:888px; height:143px; position:relative; background:#ffffff;}

.title1 .title1_name {}
.title1_name {font-size:36px; color:#464646; text-align:center; letter-spacing:-2px; font-weight:500;}
.title1_name a {border-bottom:2px solid #cccccc; padding-bottom:5px; line-height:140px; cursor:default;}
.title1_name a:visited {border-bottom:2px solid #cccccc; padding-bottom:5px;}
.title1_name a:active {border-bottom:2px solid #cccccc; padding-bottom:5px;}
.title1_name a:hover {border-bottom:2px solid #cccccc; padding-bottom:5px; text-decoration:none;}

.title1 .title_navi {position:absolute; right:50px; top:-60px; color:#ffffff;}
.title_navi img {margin-top:5px;}


/* 텝 제 2분류 영역*/
.right1 .subnavi2 {width:888px; height:45px; background:#ffffff; margin-bottom:40px;}
.subnavi2 ul {margin-left:50px;}
.subnavi2 li {float:left; padding:0; }
.subnavi2 ul li a{float:left; padding:0; font-size:16px; font-weight:bold; margin-right:10px; }
.subnavi2 ul li a span {text-align:block; font-weight:bold; }

.subnavi2 ul li a.sub_on { width:140px; height:45px; font-weight:bold; color:#463f3f; background:#dcdcdc; text-decoration:none; line-height:45px;}
.subnavi2 ul li a.sub_on:hover{ width:140px; height:45px; font-weight:bold; color:#ffffff; background:#5ab600; text-decoration:none; line-height:45px;}
.subnavi2 ul li.sub_active_class2 a {width:140px; height:45px; font-weight:bold; color:#ffffff; background:#5ab600; text-decoration:none; line-height:45px;}
.subnavi2 ul li.sub_active_class2 a:hover {width:140px; height:45px; font-weight:bold; color:#ffffff; background:#5ab600; text-decoration:none; line-height:45px;}
span.submenu_text2 {}
/* 텝 제 2분류 영역 종료*/


.right1 .content_area {width:888px; height:auto; margin-top:0; background:#ffffff; position:relative;}
.content_area .sub08_4_1_bt {position:absolute; right:77px; top:235px;}
.content_area_fix {width:788px; height:auto;}

/*전 페이지 공통 카피영역 */


#wrap .copy_area {width:100%; height:497px; clear:both; text-align:center; background:url(../images/copy_bg.jpg) no-repeat 50% 0; min-width:1120px; position:relative; margin-top:39px;}

.copy_area .copy_area_fix01 {width:1120px; height:497px; }

.copy_area_fix01 .copy_area_fix01_1 {width:170px; float:left; padding-top:23px;}

.copy_area_fix01 .copy_area_fix01_2 {width:335px; float:left; margin-left:117px;}
.copy_area_fix01_2 .copy_area_fix01_2_1 {height:12px; padding-top:23px;}
.copy_area_fix01_2 .copy_area_fix01_2_2 {height:165px; padding-top:23px;}

.copy_area_fix01 .copy_area_fix01_3 {width:340px; float:left; margin-left:58px;}
.copy_area_fix01_3 .copy_area_fix01_3_1 {height:12px; padding-top:23px;}
.copy_area_fix01_3 .copy_area_fix01_3_2 {height:92px; padding-top:42px;}
.copy_area_fix01_3 .copy_area_fix01_3_3 {height:28px; padding-top:26px;}
.copy_area_fix01_3_3 ul li {float:left; margin-right:15px;}

.copy_area .copy_top {width:51px; height:50px; position:absolute; top:38px; left:50%; margin-left:460px;}

.copy_area .copy_area_fix02 {width:100%; height:126px; background:#2e2e2e; text-align:center;}

.copy_area_fix02 .copy_area_fix02_fix {width:1120px;}
.copy_area_fix02_fix .copy_area_bt {width:1120px; height:40px; color:#ffffff; padding-top:20px;}

.copy_area_bt ul li {float:left; line-height:40px; margin-right:30px;}
.copy_area_bt a {color:#ffffff; font-weight:bold;} 
.copy_area_bt a:visited {color:#ffffff;}
.copy_area_bt a:active {color:#ffffff;}
.copy_area_bt a:hover {color:#ffffff; text-decoration:none;}

.copy_area_fix02_fix .copy {width:1120px; color:#ababab;}
.copy .copy01 {float:left; }
.copy .copy02 {float:right;}

.copy02 a {color:#ffffff;}
.copy02 a:active {color:#ffffff;}
.copy02 a:visited {color:#ffffff;}
.copy02 a:hover {color:#ffffff; text-decoration:none;}