@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../font/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../font/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 400; src: url('../font/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: url('../font/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }

@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../fonts/notokr/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../fonts/notokr/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: url('../fonts/notokr/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 900; src: url('../fonts/notokr/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }


@font-face { font-family: 'mont100'; src: url('../font/mont100.woff2') format('woff2'), url('../font/mont100.woff') format('woff');}
@font-face { font-family: 'mont200'; src: url('../font/mont200.woff2') format('woff2'), url('../font/mont200.woff') format('woff');}
@font-face { font-family: 'mont300'; src: url('../font/mont300.woff2') format('woff2'), url('../font/mont300.woff') format('woff');}
@font-face { font-family: 'mont400'; src: url('../font/mont400.woff2') format('woff2'), url('../font/mont400.woff') format('woff');}
@font-face { font-family: 'mont500'; src: url('../font/mont500.woff2') format('woff2'), url('../font/mont500.woff') format('woff');}
@font-face { font-family: 'mont600'; src: url('../font/mont600.woff2') format('woff2'), url('../font/mont600.woff') format('woff');}
@font-face { font-family: 'mont700'; src: url('../font/mont700.woff2') format('woff2'), url('../font/mont700.woff') format('woff');}
@font-face { font-family: 'mont800'; src: url('../font/mont800.woff2') format('woff2'), url('../font/mont800.woff') format('woff');}
@font-face { font-family: 'mont900'; src: url('../font/mont900.woff2') format('woff2'), url('../font/mont900.woff') format('woff');}

* {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; }

table, tr, td, th, ul, li, span, div, p, a { font-family: 'NotoKrR'; }
#wrap {width:100%;  height:auto; margin:0 auto; position:relative;   }


@media screen and (max-width:1900px) {
	.bg_catch {display:none;}

}
@media screen and (min-width:1920px) {
	.bg_catch {position:fixed; right:0; top:450px; margin-top:-234px; }
}


#wrap .top_bt {position:absolute; right:31px; top:37px; z-index:404; }

.top_bt li.top_bt_li {width:180px; background:#f77164; color:#ffffff; }
.top_bt li {display:inline; float:left; height:21px; background:#ffffff; padding:0 10px 0 10px; line-height:21px;}

.top_bt li a {color:#7f7e7e;}
.top_bt li a:active {color:#7f7e7e;}
.top_bt li a:visited {color:#7f7e7e;}
.top_bt li a:hover {color:#7f7e7e; text-decoration:none;}


/*소메뉴*/
#sub1 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub1 ul.sub1_ul {padding-top:166px;} 

#sub2 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub2 ul.sub2_ul {padding-top:185px;}

#sub3 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub3 ul.sub3_ul {padding-top:215px;}

#sub4 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub4 ul.sub4_ul {padding-top:255px;}

#sub5 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub5 ul.sub5_ul {padding-top:285px;}

#sub6 {visibility:hidden; width:180px; height:100%; position:fixed; top:0; left:200px; z-index:500; background:#695a55;}
#sub6 ul.sub6_ul {padding-top:185px;}

#sub1on {position:fixed; top:197px; left:100px; z-index:500; }

#sub2on {position:fixed; top:197px; left:100px; z-index:500; }

#sub3on {position:fixed; top:197px; left:100px; z-index:500; }

#sub4on {position:fixed; top:197px; left:100px; z-index:500; }

#sub5on {position:fixed; top:307px; left:100px; z-index:500; }

#sub6on {position:fixed; top:473px; left:30px; z-index:500; width:220px;}


#sub1 li {display:block; height:27px;}

#sub2 li {display:block; height:27px;}

#sub3 li {display:block; height:27px;}

#sub4 li {display:block; height:27px;}

#sub5 li {display:block; height:27px;}

#sub6 li {display:block; height:27px;}



#sub1on li {display:block; height:27px;}

#sub2on li {display:block; height:27px;}

#sub4on li {display:block; height:27px;}

#sub5on li {display:block; height:27px;}

#sub5on li {display:block; height:27px;}

#sub6on li {display:block; height:27px;}

li.menu_text01 {display:block; margin-left:26px; color:#fff; font-size:14px; font-size:14px; line-height:27px;}
li.menu_text01 a {color:#d8d8d8;   }
li.menu_text01 a:active {color:#d8d8d8; }
li.menu_text01 a:visited {color:#d8d8d8; }
li.menu_text01 a:hover {color:#ffffff;  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 .menu {width:200px; height:100%; position:fixed; top:0; left:0; z-index:4; background:#a3ba14;}
#wrap .menu_bg {width:4px; height:100%; position:fixed; top:0; left:200px; z-index:4; background:url(../images/menu_bg.png) repeat-y;}

.menu .logo {width:200px; height:145px; } 

.menu .menu_tab {width:200px; height:225px; 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 {  cursor:pointer; }
.menu_tab #bt_menu_tab1.selected { background-position:-200px 0; }
.menu_tab #bt_menu_tab2.selected { background-position:-200px -45px; }
.menu_tab #bt_menu_tab3.selected { background-position:-200px -90px; }
.menu_tab #bt_menu_tab4.selected { background-position:-200px -135px; }
.menu_tab #bt_menu_tab5.selected { background-position:-200px -180px; }

.menu_tab .tab { width:200px; height:225px;}

.menu_tab .tab a#bt_menu_tab1{float:left; width:200px;  height:45px; background:url("../images/menu_area.gif") no-repeat 0 0; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab2{float:left; width:200px;  height:45px; background:url("../images/menu_area.gif") no-repeat 0 -45px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab3{float:left; width:200px;  height:45px; background:url("../images/menu_area.gif") no-repeat 0 -90px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab4{float:left; width:200px;  height:45px; background:url("../images/menu_area.gif") no-repeat 0 -135px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab5{float:left; width:200px;  height:45px; background:url("../images/menu_area.gif") no-repeat 0 -180px; cursor:pointer; }

.menu_tab .tab a#bt_menu_tab1.selected { background-position:-200px 0; }
.menu_tab .tab a#bt_menu_tab2.selected { background-position:-200px -45px; }
.menu_tab .tab a#bt_menu_tab3.selected { background-position:-200px -90px; }
.menu_tab .tab a#bt_menu_tab4.selected { background-position:-200px -135px; }
.menu_tab .tab a#bt_menu_tab5.selected { background-position:-200px -180px; }

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


.menu_text_link a {color:#b6b6b6; font-size:11px;}
.menu_text_link a:active {color:#b6b6b6; font-size:11px;}
.menu_text_link a:visited {color:#b6b6b6; font-size:11px;}
.menu_text_link a:hove {color:#b6b6b6; font-size:11px; text-decoration:none;}

.banner01 {width:200px; height:148px;}
.banner02 {width:200px; height:182px;}

.banner03 {width:200px; height:147px; position:relative;}
#layer1 {visibility:hidden; width:401px; height:550px; position:fixed; top:50px; left:200px; background:#fefefe; z-index:10000;}


/*좌측 배너 카카오톡*/
td.kakao_title {position:relative;}
td.kakao_title .kakao_close {position:absolute; right:10px; top:10px;}
table.kakao_content {margin-left:3%;}
td.kakao_td {width:91px; height:41px; background:#f6f6f6; color:#454545; text-align:center; border-bottom:1px solid #efefef;}
td.kakao_td2 {color:#454545; text-align:left; border-bottom:1px solid #efefef;}
input.kakao_input {height:19px; border:1px solid #cccccc; margin-left:10px;}
select.kakao_input {height:19px; border:1px solid #cccccc; margin-left:10px;}
textarea.kakao_input {border:1px solid #cccccc; margin-left:10px; }
/*좌측 배너 카카오톡 종료*/


/*메인비주얼 미디어쿼리 -- 미디어쿼리가 ie8에서 작동하려면 반드시 외부스타일시트로 이용해야 한다.*/
@media only screen and (min-width:1601px) {
	#wrap #slides {width:100%; height:750px; position:relative;}
	#slides .catch {position:absolute; left:95px; top:492px; z-index:3;}
	.slides_container { width:100%; height:750px; overflow:hidden;}
	img.visual_fixed {width:100%; height:auto; max-height:750px;}

	.pagination {position:absolute; z-index:300; bottom:40px; right:34px; }
	.pagination li {margin:2px 0 0 0; }
	.pagination li a {display:block; width:18px; height:18px; background:url(../images/off.png) no-repeat; background-position:0 0;  overflow:hidden;}
	.pagination li.current a {width:18px; height:52px; background:url(../images/on.png) no-repeat; background-position:0 0; }
}
@media only screen and (min-width:1366px) and (max-width:1600px) {
	#wrap #slides {width:100%; height:650px; position:relative;}
	#slides .catch {position:absolute; left:95px; top:412px; z-index:3;}
	.slides_container { width:100%; height:650px; overflow:hidden;}
	img.visual_fixed {width:100%; height:auto; max-height:650px;}

	.pagination {position:absolute; z-index:300; bottom:40px; right:34px; }
	.pagination li {margin:2px 0 0 0; }
	.pagination li a {display:block; width:18px; height:18px; background:url(../images/off.png) no-repeat; background-position:0 0;  overflow:hidden;}
	.pagination li.current a {width:18px; height:52px; background:url(../images/on.png) no-repeat; background-position:0 0; }

}
@media only screen and (max-width:1365px) {
	#wrap #slides {width:100%; height:550px; position:relative;}
	#slides .catch {position:absolute; left:95px; top:302px; z-index:3;}
	.slides_container { width:100%; height:550px; overflow:hidden;}
	img.visual_fixed {width:100%; height:auto; max-height:550px;}

	.pagination {position:absolute; z-index:300; bottom:40px; right:34px; }
	.pagination li {margin:2px 0 0 0; }
	.pagination li a {display:block; width:18px; height:18px; background:url(../images/off.png) no-repeat; background-position:0 0;  overflow:hidden;}
	.pagination li.current a {width:18px; height:52px; background:url(../images/on.png) no-repeat; background-position:0 0; }
}

.slides_container  .catch_text01 {position:absolute; top:96px; left:284px; z-index:2; }
.slides_container  .catch_text02 {position:absolute; top:96px; left:284px; z-index:2; }
.slides_container  .catch_text03 {position:absolute; top:96px; left:284px; z-index:2; }
 
.next {position:fixed; top:25%; right:120px; z-index:301; cursor:pointer;}
.prev {position:fixed; top:25%; right:200px; z-index:301; cursor:pointer;}
/*메인비주얼 미디어쿼리 종료*/


/*메인컨텐츠 미디어쿼리*/
.banner_fix {width:100%; min-width:1366px;}
.banner_fix .banner_space {width:11%; height:258px; float:left; max-width:200px; }
.banner_fix .banner_area {width:89%; height:258px; float:left;}

.banner_area table td.banner_area01 {width:28%; height:258px; float:left; background:url(../images/banner1.jpg) no-repeat 50% 0; position:relative; max-width:494px;}
.banner_area table td.banner_area02 {width:28%; height:258px; float:left; background:#ffffff;  position:relative; max-width:494px;}
.banner_area table td.banner_area03 {width:44%; height:258px; float:left; background:url(../images/banner3.jpg) no-repeat 50% 0;  position:relative; max-width:771px;}


@media only screen and (min-width:1601px) {

	.banner_media01 {width:100%; height:258px; position:relative; }
	.banner_media02 {width:100%; height:258px; position:relative; display:none;}
	.banner_media03 {width:100%; height:258px; position:relative; display:none;}

	td.banner_area01 .bannerp1 {position:absolute; left:5%; top:43px;}
	td.banner_area01 .banner1_bt01 {position:absolute; left:5%; top:84px;}
	td.banner_area01 .banner1_bt02 {position:absolute; left:5%; top:134px;}
	td.banner_area02 .bannerp2 {position:absolute; left:5%; top:43px;}
	td.banner_area03 .bannerp3 {position:absolute; left:5%; top:43px;}

}
@media only screen and (min-width:1366px) and (max-width:1600px) {
	.banner_media01 {width:100%; height:258px; position:relative; display:none;}
	.banner_media02 {width:100%; height:258px; position:relative; }
	.banner_media03 {width:100%; height:258px; position:relative; display:none;}

	td.banner_area01 .bannerp1 {position:absolute; left:20%; top:43px;}
	td.banner_area01 .banner1_bt01 {position:absolute; left:20%; top:84px;}
	td.banner_area01 .banner1_bt02 {position:absolute; left:20%; top:134px;}
	td.banner_area02 .bannerp2 {position:absolute; left:5%; top:43px;}
	td.banner_area03 .bannerp3 {position:absolute; left:5%; top:43px;}

}
@media only screen and (max-width:1365px) {
	.banner_media01 {width:100%; height:258px; position:relative; display:none;}
	.banner_media02 {width:100%; height:258px; position:relative; display:none;}
	.banner_media03 {width:100%; height:258px; position:relative; }

	td.banner_area01 .bannerp1 {position:absolute; left:20%; top:43px;}
	td.banner_area01 .banner1_bt01 {position:absolute; left:20%; top:84px;}
	td.banner_area01 .banner1_bt02 {position:absolute; left:20%; top:134px;}
	td.banner_area02 .bannerp2 {position:absolute; left:5%; top:43px;}
	td.banner_area03 .bannerp3 {position:absolute; left:5%; top:43px;}
}
/*메인컨텐츠 미디어쿼리 종료*/



.subcontent {width:100%;  min-width:1366px;height:auto; background:url(../images/sub_area_bg.gif) repeat-y ;}

.subcontent .subject1 {width:900px; height:auto; position:relative; float:left; margin-left:250px;background:#ffffff; min-height:780px; padding-right:50px;}


.subject1 .top_bt_sub {position:absolute; right:40px;top:20px; z-index:404; }

.top_bt_sub li.top_bt_li {width:180px; background:#f77164; color:#ffffff; }
.top_bt_sub li {display:inline; float:left; height:21px; background:#ffffff; padding:0 10px 0 10px; line-height:21px;}

.top_bt_sub li a {color:#7f7e7e;}
.top_bt_sub li a:active {color:#7f7e7e;}
.top_bt_sub li a:visited {color:#7f7e7e;}
.top_bt_sub li a:hover {color:#7f7e7e; text-decoration:none;}


.subject1 .title1 {width:900px; height:67px;  padding-top:41px; border-bottom:1px solid #2d2d2d; position:relative;}

.subject1 .map_area {width:900px; height:383px;}
.map_area .map_area01 {width:639px; float:left;}
.map_area .map_area02 {width:261px; float:left;}
.subject1 .map_text {width:900px; height:auto; margin-top:41px;}

/* 제 1메뉴*/
.subject1 .subnavi {width:900px; height:42px; margin:30px 0 30px 0;}
.subnavi ul li {display:inline; float:left; margin:0; padding:0;}
.subnavi ul li a{display:inline; float:left; margin-right:12px; padding:0;}
.subnavi ul li a span {text-align:center;}

.subnavi ul li {display:inline; float:left; margin:0; padding:0; }
.subnavi ul li a{display:inline; float:left; margin:0; }
.subnavi ul li a span.submenu_text2 {line-height:38px;}
.subnavi ul li a span {text-align:center;}
.subnavi ul li a.sub_on {width:223px; margin:0; font-size:14px; height:38px;  background:url(../images/sub_tab_off.gif) repeat-x; color:#5a5a5a;  text-decoration:none; line-height:38px; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.subnavi ul li a.sub_on:hover{width:223px; font-size:14px; height:38px;  background:url(../images/sub_tab_on.gif) repeat-x; color:#8aa437;  text-decoration:none; line-height:38px; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi ul li.on_menu_active a {width:223px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi ul li.on_menu_active a:hover {width:223px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}


/* 제 2메뉴*/
.subject1 .subnavi2 {width:900px; height:42px; margin:30px 0 30px 0;}
.subnavi2 ul li {display:inline; float:left; margin:0; padding:0;}
.subnavi2 ul li a{display:inline; float:left; margin-right:12px; padding:0;}
.subnavi2 ul li a span {text-align:center;}

.subnavi2 ul li {display:inline; float:left; margin:0; padding:0; }
.subnavi2 ul li a{display:inline; float:left; margin:0; }
.subnavi2 ul li a span.submenu_text2 {line-height:38px;}
.subnavi2 ul li a span {text-align:center;}
.subnavi2 ul li a.sub_on {width:178px; margin:0; font-size:14px; height:38px;  background:url(../images/sub_tab_off.gif) repeat-x; color:#5a5a5a;  text-decoration:none; line-height:38px; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.subnavi2 ul li a.sub_on:hover{width:178px; font-size:14px; height:38px;  background:url(../images/sub_tab_on.gif) repeat-x; color:#8aa437;  text-decoration:none; line-height:38px; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi2 ul li.on_menu_active a {width:178px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi2 ul li.on_menu_active a:hover {width:178px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}

/* 제 3메뉴*/
.subject1 .subnavi3 {width:900px; height:42px; margin:30px 0 30px 0;}
.subnavi3 ul li {display:inline; float:left; margin:0; padding:0;}
.subnavi3 ul li a{display:inline; float:left; margin-right:12px; padding:0;}
.subnavi3 ul li a span {text-align:center;}

.subnavi3 ul li {display:inline; float:left; margin:0; padding:0; }
.subnavi3 ul li a{display:inline; float:left; margin:0; }
.subnavi3 ul li a span.submenu_text2 {line-height:38px;}
.subnavi3 ul li a span {text-align:center;}
.subnavi3 ul li a.sub_on {width:126px; margin:0; font-size:14px; height:38px;  background:url(../images/sub_tab_off.gif) repeat-x; color:#5a5a5a;  text-decoration:none; line-height:38px; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.subnavi3 ul li a.sub_on:hover{width:126px; font-size:14px; height:38px;  background:url(../images/sub_tab_on.gif) repeat-x; color:#8aa437;  text-decoration:none; line-height:38px; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi3 ul li.on_menu_active a {width:126px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}
.subnavi3 ul li.on_menu_active a:hover {width:126px; height:38px;color:#8aa437;  text-decoration:none; line-height:38px; background:url(../images/sub_tab_on.gif) repeat-x; border-left:1px solid #e1e1e1; border-bottom:1px solid #ffffff;}


/* 텝 제 2분류 영역*/
.subject1 .subnavi_sub {text-align:center; height:100px; }
.subnavi_sub ul {}
.subnavi_sub li {display:block; padding:0; float:left;}
.subnavi_sub ul li a{display:block; padding:0; font-size:14px;  text-align:center;}
.subnavi_sub ul li a span {text-align:block;  }

.subnavi_sub ul li a.sub_on { width:300px; height:58px; background:url(../images/sub_under_tab_off.gif) no-repeat;  color:#4a4a4a; text-decoration:none; line-height:58px; text-align:center; border:0;}
.subnavi_sub ul li a.sub_on:hover{ width:300px; height:58px; background:url(../images/sub_under_tab_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
.subnavi_sub ul li.on_menu_active a {width:300px; height:58px; background:url(../images/sub_under_tab_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
.subnavi_sub ul li.on_menu_active a:hover {width:300px; height:58px; background:url(../images/sub_under_tab_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
/* 텝 제 2분류 영역 종료*/

/* 텝 제 2_2분류 영역*/
.subject1 .subnavi_sub2 {text-align:center; height:100px; }
.subnavi_sub2 ul {}
.subnavi_sub2 li {display:block; padding:0; float:left;}
.subnavi_sub2 ul li a{display:block; padding:0; font-size:14px;  text-align:center;}
.subnavi_sub2 ul li a span {text-align:block;  }

.subnavi_sub2 ul li a.sub_on { width:300px; height:58px; background:url(../images/sub_under_tab2_off.gif) no-repeat;  color:#4a4a4a; text-decoration:none; line-height:58px; text-align:center; border:0;}
.subnavi_sub2 ul li a.sub_on:hover{ width:300px; height:58px; background:url(../images/sub_under_tab2_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
.subnavi_sub2 ul li.on_menu_active a {width:300px; height:58px; background:url(../images/sub_under_tab2_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
.subnavi_sub2 ul li.on_menu_active a:hover {width:300px; height:58px; background:url(../images/sub_under_tab2_on.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:58px; border:0;}
/* 텝 제 2_2분류 영역 종료*/

/* 텝 제 2_2분류 영역*/
.subject1 .subnavi_sub3 {text-align:center; height:100px; }
.subnavi_sub3 ul {}
.subnavi_sub3 li {display:inline; float:left; margin-left:8px; padding:0;}
.subnavi_sub3 ul li a{display:inline; float:left; padding:0; font-size:14px;  color:#ffffff; }
.subnavi_sub3 ul li a span {text-align:center;  color:#ffffff;}

.subnavi_sub3 ul li a.sub_on { width:290px; height:40px; background:#959595;  color:#ffffff; text-decoration:none; line-height:40px; text-align:center;}
.subnavi_sub3 ul li a.sub_on:hover{ width:290px; height:40px; background:#8aa437;  color:#ffffff; text-decoration:none; line-height:40px;}
.subnavi_sub3 ul li.on_menu_active a {width:290px; height:40px;background:#8aa437;  color:#ffffff; text-decoration:none; line-height:40px;}
.subnavi_sub3 ul li.on_menu_active a:hover {width:290px; height:40px;background:#8aa437;  color:#ffffff; text-decoration:none; line-height:40px;}

/* 텝 제 2_2분류 영역 종료*/

.subject1 .title_subject {width:900px; height:82px; line-height:82px; text-align:left; font-family:'나눔고딕', 'NanumGothic', ng; font-size:30px;}

.title1 .title_navi { height:67px; top:41px; right:0; position:absolute; height:67px; line-height:67px; }

.subject1 .sub_space {height:30px; visibility:hidden;}

.subject1 .guide_text {font-size:16px; padding-bottom:20px;}
/*전 페이지 공통 카피영역 */
.copy {width:100%; height:auto; display:block; clear:both; text-align:center; padding:0; margin:0; position:relative; min-width:1366px;}

.copy .copy_top {position:absolute; top:0; right:703px; z-index:300;}

.copy .copy_area {width:100%; height:222px; margin:0; background:#f0f0f0;}
.copy_area .copy_fix {width:1006px; margin-left:200px;}

.copy .copy_bottom {width:100%; height:28px; margin:0; background:#4c3f3b;}
.copy_bottom .copy_bottom_fix {width:1006px; margin-left:200px;}