@charset "euc-kr";
/* CSS Document */








#warp{width:100%; padding:0; margin:0 auto; overflow:hidden; background:url("/site/bread/images/common/head_bg.jpg") repeat-x;}
#skip_navi{display:none;}
#skip_navi li a{display:block;overflow:hidden;height:1px !important;width:1px !important;margin:0 -1px -1px 0 !important; margin:0 -1px -1px 0; padding:0;font-size:0 !important;line-height:0}
#skip_navi li a:focus,
#skip_navi li a:active{width:100%;height:auto;margin:0;padding:5px 0;font-weight:bold;font-size:12px;font-family:Tahoma;color:#fff;line-height:1;text-decoration:none !important;text-indent:10px}


/* #header{width:1000px; height:130px; padding:0; margin:0 auto;} */
#header h1{float:left;/*  padding:41px 0 0 0 ;*/  margin:0;}

#header #snb{float:right; padding:5px 0 0 0;}
#header #snb li{display:inline; list-style:none; float:left; padding:0 10px; margin:0;}
#header #snb li a{color:#fff; font-weight:bold;}


/* 占쎌쥙�∽옙占쎈뙀域밟뫁�뺧옙醫롫윪占쎈벨�숋옙�좎굲�좎럡�뷂쭫濡λ쐻占쎌늿�뺟춯癒�퉾占쎌궍�앾옙�됰뮝�좎룞�숋옙�얠삕占쎈봾堉잞옙醫롫윪��옙�숋옙��굲�좎룞�쇿뜝�덀뀋占쎌빢�숋옙占쎈짂嶺뚯쉶媛딉옙�얠삕占쏙옙理귨옙醫롫윪占쎈럭�븝옙��굲嶺뚮ㅎ�ф쾮�낆삕�ル∥�ら큺�녿듅占쎈뙋�숃눧誘り뎡�좎럩伊쒙옙占� */

#main_warp{width:100%;overflow: scroll;padding:0;margin:0 auto;background:url("/site/bread/images/main/main_bg.jpg") no-repeat top center;}
#main_inner{width:1000px; height:693px; padding:0; margin:0 auto; position:relative;}
.main_txt{position:absolute; top:50px; left:0px;}

#main_contants{float:right; width:518px; padding:14px 10px 0 0; margin:0;}
#banner{width:518x; height:343px; background:url("/site/bread/images/main/banner_bg.png") no-repeat; padding:0; margin:0 0 10px 0;}

#quick{width:518px;height:101px; background:url("/site/bread/images/main/quick_bg.png") no-repeat; padding:14px 0 0 171px;; margin:0 0 10px 0;}
#quick ul li{display:inline; float:left; margin:0 15px 0 0;}

#main_board{width:518px;height: 215px;padding: 20px 15px;margin:0;background:url("/site/bread/images/main/board_bg.png") no-repeat;}

.board_img{float:right;}

#popupzone{position:relative;margin:0px auto;}
#popupzone p{position:absolute;top:20px;right:10px;display: flex;gap:5px;}
/* #popupzone p a.play{} */
/* #popupzone p a.stop{} */
#popupzone ul.pnum{position:absolute;bottom:0px;right:10px;text-align:right}
#popupzone ul.pnum li{margin:0 0 5px 0;}
/* #popupzone ul.pnum li a{} */
#popupzone ul.pimg{width:410px;height:300px}
#popupzone ul.pimg li{display:inline}
/* #popupzone ul.pimg li a{} */


/* UI Object */
.tab_list{height:150px;float:left;width: 290px;}
.tab_list ul{position:relative;margin:0;padding:0;border-bottom:1px solid #fff;list-style:none;zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;border:1px solid #eee; background:url("/site/bread/images/main/board_off_bg.jpg") repeat-x ; color:#666;text-decoration:none;}
.tab_list li a span{display:inline-block;padding:5px 10px 0 10px;letter-spacing:-1px;cursor:pointer; font-weight:bold;}
.tab_list li ul{display:none;position:absolute;top:40px;left:0;width: 100%;margin:0;padding:0;border:0;list-style:none;zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;margin: 0 0 6px 0;color:#999;text-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:underline;}
.tab_list li li.more{position:absolute;top:-30px;right: 7px;border:0 !important;background:transparent}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a,
.tab_list.m5 .m5 a,
.tab_list.m6 .m6 a,
.tab_list.m7 .m7 a,
.tab_list.m8 .m8 a,
.tab_list.m9 .m9 a,
.tab_list.m10 .m10 a,
.tab_list.m11 .m11 a,
.tab_list.m12 .m12 a{margin-top:-1px;border:3px solid #5a9900;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span,
.tab_list.m3 .m3 a span,
.tab_list.m4 .m4 a span,
.tab_list.m5 .m5 a span,
.tab_list.m6 .m6 a span,
.tab_list.m7 .m7 a span,
.tab_list.m8 .m8 a span,
.tab_list.m9 .m9 a span,
.tab_list.m10 .m10 a span,
.tab_list.m11 .m11 a span,
.tab_list.m12 .m12 a span{font-weight:bold; margin:-3px 0 0 0; color:#006633 !important;}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul,
.tab_list.m5 .m5 ul,
.tab_list.m6 .m6 ul,
.tab_list.m7 .m7 ul,
.tab_list.m8 .m8 ul,
.tab_list.m9 .m9 ul,
.tab_list.m10 .m10 ul,
.tab_list.m11 .m11 ul,
.tab_list.m12 .m12 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#fff !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}
/* //UI Object */






body {overflow: scroll;}
#sub_warp{overflow: hidden;padding: 50px 0 30px 0;display: flex;min-height: 500px;justify-content: center;}
/* #sub_warp{width:1000px; overflow:hidden; padding:20px 0 0 0; margin:0 auto; min-height:500px;} */
#sub_visual{width:100%; height:232px; padding:0; margin:0 auto; background:url("/site/bread/images/common/sub_visual.jpg") no-repeat top center;}
#contants{float:left;width: 800px;overflow:auto;padding:0 20px;margin-left:100px;} 
#sub_contants{width: 760px;padding:0;margin:0;overflow:hidden;min-height:500px;}

@media screen and (max-width: 1299px){
	#contants {margin-left: 0;}
}

#footer{width:1000px; padding:20px 0 ; margin:0 auto; overflow:hidden;}
.foot_logo{float:left; margin:20px 50px 0 0;}
#foot_add{float:left; text-decoration:none;}

#footer ul{margin:10px 0; overflow:hidden;}
#footer ul li{display:inline; float:left; font-weight:bold; margin:0 20px 0 0;}
#footer address{clear:both; }
#footer address p{font-style:normal;}

#foot_select{float:right;}




/* 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥踰⑨옙�낅꽞嚥▲꺃�뗰옙醫롫윥占쎈）�뗰옙占쎌늺�ゅ뜝�꾨렊占쎌쥙�∽옙�쎌삕�좎럩�뺝뜝�덇턁占쏙옙�좎럥占쏙옙�귣쇀占쎈슓逾얍뜝�숈삕占쎄막�앾옙�덉굲 */
.DB_navi15, .DB_navi15 ul, .DB_navi15 li{margin:0;padding:0;list-style:none}
.DB_navi15 img{border:0}

.DB_navi15 {float:right; width:626px;height:45px; z-index:999;position:relative;margin:-50px 0 0 0;}
.DB_navi15 .DB_wrap{width:100%;height:85px;overflow:hidden;position:absolute;margin-left:0px/*�좎럩伊숋옙�논렭占쎈뿭�뺝뜝�щ짋占쏙옙占쎌옓而양땟怨살삕筌먯빘�븝옙醫롫짗占쎌닂彛쒙옙癒�댘占쎌쥙�⒳펺�귣쇀占쎈쵐�뺝뜝�덈열占쎈틹異�솒占쏀돻�좎럩沅랃옙�얠삕占쎈슣�뺧옙�ㅼ굣�좎룞�숅넫濡レ쑋辱됰봿裕뗰옙�용쐻�좑옙*/}
.DB_navi15 .DB_wrap .DB_main{position:relative;float:left;height:45px;padding:0 10px /*占쎌쥙�∽옙占쎈뙀域밟뫁�뺧옙醫롫윪占쎈벨�숋옙�좎굲�좎럡�뷂쭫濡λ쐻占쎌늿�뺟춯癒�퉾占쎌궍�앾옙�됰뮝�좎룞�숋옙�곻옙�ㅻ깽占쎄꼈�앾옙��뱣�좎뜦��占쎈��앾옙�됤븢占쎄퓭爰귨옙占쎌삕占쎈쪇�뺝뜝�뚯뒠占쎌궍�앾옙�덉맆占쎌뼐�э옙�귣쇀�⑥��삕占쎌쥙�⑼옙洹⑥삕占쎈굝苑욃뜝�덇덩占쎌닂�숅넫濡レ쑋辱됰봿裕뗰옙�용쐻�좑옙*/;}
.DB_navi15 .DB_wrap .DB_main .DB_sub{position:absolute;left:0;top:35px;width:999px;display:none;background:url('img/subBg_left.gif') no-repeat;/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌늺伊덌옙紐꾨궆占쎌쥙�η쳥癒뀁삕�좎뜴�앾옙��빃�좎럩�귨옙�껎돦占쎈０�끻뜝�뚯쪠占썩뮩�븝옙�덉굲占쎌쥜��*/}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s1{left:10px/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌닂�쇿뜝�뚯씜�좎럩伊숋옙占쎌삕占쎈뿭�뺝뜝�덈열占쎈벨�숃첋占쎌굲占쎈떯�ο옙�얠삕占쏙옙�껓옙醫롫짗占쏙옙*/;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s2{left:40px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s3{left:50px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s4{left:30px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub.s5{left:-380px;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li{float:left; padding:10px 0 0 0; margin:0;}
/* .DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_first a{}  */

.DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_last{background:url('img/subBg_right.gif') no-repeat right 0 /*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌늺伊덌옙紐꾨궆占쎌쥙�η쳥癒뀁삕�좎뜴�앾옙��빃�좎럩�귨옙�껎돦占쎈０�끻뜝�뚯쪠占썩뮩�븝옙�덉굲占쎌쥜��*/;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li.DB_last a{margin-right:12px/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼㎗蹂⑹삕�ル∥吏쀥뜝�뚮땬占쎌닂�숋옙占쎄뎡占쎌쥙�⑼옙戮ъ쭍占쎈９�뺧옙�モ닪占썬굩�숋옙怨ㅼ삕�믭옙援뀐옙醫롫윥�됵옙�숋쭚�몄맶�좎럥�∽옙遺룸쐻占쎈슢�꿨뜝�뚮묄占쎌닂�숋옙怨뺧옙�좎럩伊숂뙴�묒삕�좑옙*/;}

.DB_navi15 .DB_wrap .DB_main .DB_sub li a{display:inline-block;height:38px;padding:0 10px/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌닂�숋옙怨좉묻占쎌쥙�η쳥癒뀁삕�좎뜴�앾옙��빃�좎럩�쇽옙��삕占쎈맩�뺝뜝�뚯쪠占썩뮩�븝옙�덉굲占쎌쥜��*/;background:url('img/subBg_center.gif')/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌늺伊덌옙紐꾨궆占쎌쥙�η쳥癒뀁삕�좎뜴�앾옙��빃�좎럩�귨옙�껎돦占쎈０�끻뜝�뚯쪠占썩뮩�븝옙�덉굲占쎌쥜��*/; color:#666 !important;}
.DB_navi15 .DB_wrap .DB_main .DB_sub li a img{margin-top:10px/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉쓴鶯ㅼ룆��옙�얠삕占쎈돉瑗ο옙醫롫윥占쎈강鍮듿뜝�뚮꼥占쎌쥙�⑼옙�얜쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎈슢�꿨뜝�뚮묄占쎌닂�쇿뜝�뚯씜�좎럩伊숋옙恝�숋옙筌띾씛�숅넫濡レ쑋�좎럩�깍옙�뗭춾占쎄퍔援꿨뜝�ш틓筌ㅻ㉡�쇿뜝占�*/;vertical-align:middle}


/* 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��땾�좎럥�띰옙�얠삕占쎈뜃�깍옙醫롫윥占쎈씛�숋옙�좎굲�좎룞�숂뙴誘ｋ쐻占쎄쑵占썩댙�쇿뜝�뚯굲�좎럥援앾옙占썲뜝�덌옙占쎌늹�댐옙��돗�좎룞�숋옙湲룸쐻占쎌늿�� */
#sub_side{float:left; width:200px; margin:0; overflow:hidden; }
#sub_head { margin: 0; padding: 0;}
#sub_head h2 {margin:0; padding: 0; }

.left_dep2 { width:200px; min-height:70px; margin: 0 ; padding:0 0 10px 0 ; background:url("/site/bread/images/common/left_bottom_bg.jpg") no-repeat bottom  #5a9900 !important; }
.left_dep2 li {width:200px; height:40px; padding: 0; display: block; overflow:hidden; }
.left_dep2 li a { margin: 0; padding:10px 0 10px 20px; color:#fff; font-weight:bold; display: block;}
.left_dep2 li a:link,
.left_dep2 li a:hover,
.left_dep2 li a:visited,
.left_dep2 li a:active { padding:10px 0 10px 20px; letter-spacing:0px;  }
.left_dep2 li a.select {color:#666; font-weight:bold;  padding:10px 0 10px 20px; background:url("/site/bread/images/common/leftmenu_bg.jpg") no-repeat; }

.left_dep3 { margin:0px; padding:0; width:190px; background-color:#f2f2f2;}
.left_dep3 li {margin:0px; padding:0; width:190px; height:24px; color:#828282;}
.left_dep3 li a { margin:0px; padding-left:28px; color:#828282;letter-spacing:0px; font-size:12px;}
.left_dep3 li a:link,
.left_dep3 li a:hover,
.left_dep3 li a:visited,
.left_dep3 li a:active { margin:0px; padding-left:28px; color:#828282;letter-spacing:0px;background:url("/site/bread/images/common/submenu_bg.jpg") 5px 50% no-repeat; }
.left_dep3 li a.select { margin:0px; padding-left:28px; color:#828282;  background:url("/site/bread/images/common/left_dep3_bg.gif") 5px 50% no-repeat; }

.left_dep3 li a.select2 { color: #3b61b1; font-weight: bold; }


/* �좎럩伊숋옙�논렭占쎈뿭�뺧옙�얠삕占쎈뿭�뺧옙�볥궚�대�먯삕�ル∥�η춯占쎌Ø占쎌닂彛싷옙紐꾨㎍占쎌쥙�⑼옙�몄삕筌먯빖�삣뜝�덈쐠占쎌엺�앾옙��뱣�좎뜫源울옙�ъ쾵占쎈봾�� h3占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�꾨옖占쏙옙占쎌쥙�οℓ癒뀁삕筌먯빖�삣뜝�덉뒩占쎌±�앾옙��뀚�좎럩鍮�옙�뗭삕占쎈맧彛듿뜝�뚯쪠占싸욋꼻癰귘뫗�뺝뜝�덇턁�묒쉻�숋옙�숈삕占쎈뙋�� 占쎌쥙�⒳펺�뗭삕占쎌럩�뺝뜝�덇강占쏙옙占쎌쥙�ο쭕�쇱삕筌먦룂�뺧옙�レ탳占쏙옙 占쎌쥙�⒳펺�뗭삕�앾옙�뗭삕熬곣뫁占쏙옙醫롫윥筌띯뫜�숋쭚�몄맶�좎럥�ｏ옙議얜쐻占쎈슡�볟뜝�뚮묄占쎌닂�숋옙�곗춷�좎럩伊숋옙�쇱삕獄�쑴�뺝뜝�덉뵯占쎌궍�앾옙�됰뮝占쎈뙋�� */
#content_head { position:relative; width:760px; height:70px; margin: 0 ; padding:0 ; background:url("/site/bread/images/common/h3_bg.jpg") no-repeat; background-position:bottom;}
#content_head h3 { float:left; margin: 2px 0 8px; padding: 0; font-size:32px; color:#555;  letter-spacing:-1px;}

#content_head .location  { z-index:10; position:absolute; right:0; top:20px;  }
#content_head .location a {  margin: 0; padding:0; }
#content_head .location span { font-weight: bold; margin: 0; padding: 0; color:#363; }


/* main_popup */
#main_pop {position:absolute;top:150px;left: 70px;z-index:999;}
#main_pop2 {position:absolute;top:150px;left: 670px;z-index:999;}
#main_pop3 {position:absolute;top:150px;left: 1270px;z-index:999;}
#main_pop4 {position:absolute;top:580px;left: 70px;z-index:999;}
.close_btn {background:#555; color:#fff; padding:5px 20px; text-align:right; cursor:pointer;}