@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* basic------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
* {margin:0;padding:0;line-height:120%;}
html, body {height:100%;width:100%;}
body {background-color:#ffffff;color:#969799;}
body, input, button {font-family:Gulim,dotum,AppleGothic,sans-serif;font-size:13px;}
div {text-align:left;}
fieldset, blockquote {border:none;margin: 0;padding: 0;border:0 ;}
input, textarea, select {background:#fff;color:#969799;}
body , div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object , blockquote {margin:0;padding:0;border:0 none;}
ol,ul,li,dl,dt,dd {list-style:none;}
ol li {list-style-type:inherit;}
button, label, a {cursor:pointer;}
button * {position:relative;}
select {vertical-align:middle;}
img {vertical-align:middle; border:none;}
em , address {font-style:normal;}
textarea {overflow:auto;font-family:dotum,Gulim,AppleGothic,sans-serif;font-size:13px;}
a {text-decoration:none; color:#969799; outline:none; select-dummy:expression(this.hideFocus=true);}
a:hover, a:active {text-decoration:none;color:#969799;}
a,area {blr:expression(this.onFocus=this.blur());outlin:none;}
:focus {-moz-outline-style:none;}
table {border-collapse:collapse;border-spacing:0;}

a {text-decoration:none; color:#336699;}

h1, h2, h3, h4, h5, strong{letter-spacing:-1px;}
h1, h2, h3 ,h4, h5{font-size:13px;}
legend {font-size: 0; height: 0;overflow: hidden; visibility: hidden; width: 0;}
hr {clear:both;margin-bottom:20px;height:0;border:1px solid #fff;}
*html hr {clear:both;margin-bottom:5px;height:0;border:1px solid #fff;}
*:first-child+html hr {clear:both;margin-bottom:5px;height:0;border:1px solid #fff;}


form {margin:0px;}
input {height:16px;_height:18px;}
input, textarea{font-size:13px; color:#404040;border:1px solid #e5e5e5;padding:1px 2px 0 0px; background:#fff;color:#999;vertical-align:middle;z-index:-99;margin:0px;
/*border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image'||this.type=='hidden')?'':'1px solid #CACACA');*/}
input, textarea {color:#000000;}
select {font-size:13px; color:#404040;border:1px solid #dadada;padding:0px 0px 0 0px; background:#fff;color:#333;vertical-align:middle;z-index:-99;margin:0px;line-height:18px;height:20px;}
input[type=checkbox], input[type=radio], input[type=image], input[type=hidden], input[type=image]/*, input[type=button], input[type=submit]*/
{ border:none; vertical-align:middle;}

input[type=text], input[type=password], input[type=file]
{/*height:18px;margin:1px 0 1px 0;height:12px;*/padding:2px;line-height:14px;}

.input_btn {font-size:13px; color:#404040;border:1px solid #e5e5e5;padding:3px; background:#f3f3f3;vertical-align:middle;margin:0px;height:23px;}

.input_btn_modify {
    /*background: url("/admin/images/btn/btn_modify.gif") no-repeat scroll 0 0 transparent; */
	background:#42496B;
	color:#fff;font-weight:bold;
	width: 82px; 
	height: 32px;
    left: 0px;
	cursor: pointer;
}

.input_btn_modify_small {
    /*background: url("/admin/images/btn/btn_modify.gif") no-repeat scroll 0 0 transparent; */
	background:#42496B;
	color:#fff;font-weight:bold;
	width: 51px; 
	height: 20px;
    left: 0px;
	cursor: pointer;
}

.input_btn_modify_big {
    /*background: url("/admin/images/btn/btn_modify.gif") no-repeat scroll 0 0 transparent; */
	background:#42496B;
	color:#fff;font-weight:bold;
	width: 112px; 
	height: 32px;
    left: 0px;
	cursor: pointer;
}

.input_btn_modify_big2 {
    /*background: url("/admin/images/btn/btn_modify.gif") no-repeat scroll 0 0 transparent; */
	background:#42496B;
	color:#fff;font-weight:bold;
	width: 300px; 
	height: 64px;
    left: 0px;
	cursor: pointer;
}

.input_btn_insert {
    background: url("/admin/images/btn/btn_insert.gif") no-repeat scroll 0 0 transparent; 
	width: 82px; 
	height: 32px;
    left: 0px;
}
/* =basic------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*common */
.relative {position: relative; }
.absolute {position: absolute; }
.none {font-size:0px; line-height: 0px; width: 0px; height: 0px;  overflow:hidden; position: absolute; top:0px; left:-10000px;}
.clear {*zoom:1;}
.clear:after{display: block; content:""; clear:both; }

.fl{float:left;}
.fr{float:right;}
.p0 {padding:0px;}
.p3 {padding:3px;}
.p5 {padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pb25{padding-bottom:25px;}
.m0{margin:0px;}
.m3{margin:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml9{margin-left:9px;}
.mr5{margin-right:5px;}
.mr13{margin-right:13px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}

.vam {vertical-align: middle;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignleft{text-align:left;}
.cursor{cursor:pointer;}
.clear{clear:both;}
.fb{font-weight:bold;}
.block{display:block;}
.bg_none {background:none;}
.border_none{border:none;}
.radio {border:none;background:none;padding:0;margin:0;}
.hidden {overflow:hidden; _height:1px; _overflow:visible;}
.png24{tmp:expression(setPng24(this));}
.border_dotline01 {clear:both;width:100%;height:2px;margin:0px 0 0px;background:url(../images/common/sub/bg_dotline01.gif) repeat-x 0 0px;overflow:hidden}
hr {clear:both;margin-bottom:30px;height:0;border:1px solid #fff;}
*html hr {clear:both;margin-bottom:10px;height:0;border:1px solid #fff;}
*:first-child+html hr {clear:both;margin-bottom:10x;height:0;border:1px solid #fff;}


/*Layout*/
#wrap {width:100%;height:100%;}
#container {margin:0 auto; position:relative; width:995px;/*min-height:100%;height:100%;*/ background:url(../images/nav/bg_nav.gif) repeat-y 0 0px; overflow:hidden;}
*html #container {height:100%;}
#wingBanner {left: 50%; margin-left: 510px;position: absolute;top:222px;z-index: 100;}

#header {position:relative; height:131px; background:url(../images/gnb/bg_gnb.gif) repeat-x 0 0px;}
#header h1 {padding:3px 0 0;float:left;font-family: 'Nanum Gothic',Arial,sans-serif;font-weight: 800;font-size:18px;color:#000;}
.topLink {padding:17px 0 0; overflow:hidden;width:995px; height:48px; margin:0 auto;background:url(../images/gnb/bg_gnb01.gif) repeat-x 0 100%;}
.topLink ul { float:right;}
.topLink ul li{display:inline;padding-left: 20px; margin:0 0 0 20px;}
.topLink ul li:first-child {border: 0; padding-left: 0px;}
.topLink ul li a {color:#9194a0;}

.gnbMenu {width:995px; margin:0px auto 0; overflow: hidden;}
.gnbMenu ul li{float:left; height:44px;width:141px; overflow:hidden;text-align:center;background:url(../images/gnb/bar.gif) repeat-x left 50%;}
.gnbMenu ul li:first-child {/*background: none;*/}
.gnbMenu ul li a {display:block; width:139px; overflow:hidden;}

#nav{float: left;width: 188px;height:100% !important; padding:5px 5px 50px; background:#fbfbfb; margin:0 20px 0 0; background:url(../images/nav/bg_nav.gif) repeat-y 0 0px;}
#nav h2 {text-align:center; margin:0 0 25px;}
#nav .main_menu {padding:10px 0 0; margin:0 0 20px;}
#nav .qr {background:url(../images/nav/bg_qr.gif) no-repeat 0 0%; text-align:center; height: 146px; width: 180px; margin: 0 auto;}
#nav .qr dt {font-weight:bold; color:#000; font-size:14px; padding:13px 0 8px;}
#nav .qr dd {padding:0 0 8px;}
#nav .menu_title dt{font-weight:bold; color:#ffffff; background:url(../images/nav/bg_btn.gif) no-repeat 12px 50%; padding:10px 0 9px 33px;}
#nav .menu_title2 dt{font-weight:bold; color:#ffffff; background:url(../images/nav/bg_btn1.gif) no-repeat 12px 50%; padding:10px 0 9px 33px;}

#nav .sub_menu_area {margin:15px 0 0;}
#nav .sub_menu dt{font-weight:bold; color:#7980b3; background:url(../images/nav/bullet01.gif) no-repeat 12px 50%; padding:10px 0 9px 33px; border-top: 1px dashed #d9d9d9;}
#nav .sub_menu dt.dtSt01 {margin:15px 0 0;}
#nav .sub_menu dd {background:url(../images/nav/bullet02.gif) no-repeat 27px 9px; padding:7px 0 6px 45px;color:#616161 }
#nav .sub_menu dd.level {font-weight:bold; color:#7980b3 }
#nav .sub_menu dd a {color:#616161}
#nav .sub_menu dd a.on {color:#ff8c02}
#nav .sub_txt01{color:#ff8c02}
#nav .sub_txt02 {padding:15px 0 0; color:#8990bf; line-height:16px; border-top: 1px dashed #d9d9d9;}

#content {float: left; width:777px;}
#content .cont_goods {margin:0 0 35px; position: relative; overflow:hidden;}
#content h3 {border-bottom:1px dashed #e1e1e1; padding:0 0 7px 20px; margin:0 0 15px;background:url(../images/tt_bullet01.gif) no-repeat 0 10%;font-weight: bold; font-size: 14px; color:#1f1f1f;}
#content .cont_goods p.more {position: absolute; right:0px; top:2px;}

.prev, .next {display: inline-block;vertical-align: middle;}
.next {margin-left:-1px;}

#wingBanner .wing_area li{padding:0 0 5px;}

#footer {border-top:1px solid #000; background:#3d3e41; padding-bottom: 40px; clear:both; height:95px;}
#footer .footerLink1 {border-top:1px solid #47484b;padding-top:40px;border-top:1px solid #47484b;}
#footer .footerLink1 ul,#footer address {margin: 0 auto;overflow: hidden;position: relative;width: 990px;}
#footer .footerLink1 ul {width:405px; margin:0px auto;}
#footer .footerLink1 ul li {float:left; margin-right:12px; padding-left: 12px; font-size:12px;background:url(../images/common/menu_bar.gif) no-repeat 0 50%;}
#footer .footerLink1 ul li:first-child {background: none;}
#footer .footerLink1 ul li a{color:#82848b;}
#footer address {padding-top:12px; text-align:center; font-size:12px;color:#82848b;}


.com_info {background:url(../images/nav/bg_info.gif) no-repeat 0 0px; padding:25px 17px 0; height:180px; text-align:center; color:#fff;overflow:hidden;_height:1px;_overflow:visible;_height:200px;}
.info01, .infoBtn, .info02 {display:block;clear: both;}
.info01 dt{background:url(../images/nav/bar_info.gif) repeat-x 0 100%; font-weight:bold;padding: 0 0 8px; margin:0 0 10px;}
.infoBtn {background:url(../images/nav/bar_info.gif) repeat-x 0 100% ;margin:15px 0 0; padding:0 0 11px; overflow:hidden;_height:1px;_overflow:visible;}
.infoBtn li {float:left; padding:0 2px; }
.info02 dt{font-weight:bold; margin:10px 0 0; padding:0 0 10px;}

.tableST01 {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tableST01 th {border-bottom:1px solid #e9e9e9; background:#f6f6f6; color:#595959; font-weight: bold;padding: 10px 10px 9px 15px;}
.tableST01 th.thSt01 {border-bottom:1px solid #ccc; text-align:center;}
.tableST01 th.thSt02 {border-right:1px solid #ccc;}
.tableST01 td {border-bottom:1px solid #f3f3f3; background:#fff; padding: 10px 0 9px 15px; color:#595959; line-height: 250%;}

.tableST02 {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tableST02 thead {border-top:2px solid #d8d8d8;background:#f6f6f6}
.tableST02 th {height:29px; color:#595959; font-weight: bold;text-align:center;background:url(../images/bar_tb.gif) no-repeat left 50% #f6f6f6; border-top:2px solid #d8d8d8;padding: 3px 0px 2px 0px;}
.tableST02 th.th_none {background:none;}
.tableST02 th.th_yes {background:#f6f6f6}
.tableST02 td {border-bottom:1px solid #f3f3f3; background:#fff; padding: 10px 0 9px 15px;}
.tableST02 td.tdSt {padding: 10px 0 9px 0px; text-align:center;}
.tableST02 td {color:#000000;}

.bynSt01 {padding:20px 0 0; text-align:center;}

.fontSt01 {font-weight:bold; color:#920707;}
.fontSt02 {font-weight:bold; color:#071192;}










/*ÆäÀÌ¡*/
.sub_paging {font-family:tahoma,sans-serif,arial;font-size:0.9em;line-height:1.9em;padding:20px 0 0;text-align:center;position: relative;}
.sub_paging a {background:#fff;border:1px solid #E4E4E4;padding:5px 9px 5px;}
.sub_paging a img {vertical-align:middle;padding:7px 5px 0;}
.sub_paging a, .sub_paging strong {display:inline-block;margin-right:1px;vertical-align:top;}
.sub_paging a:hover {background:#71747B;color:#fff;border:1px solid #71747B;padding:5px 9px 5px 9px;}
.sub_paging strong {background:#71747B;border:1px solid #71747B;color:#fff;font-weight:normal;padding:5px 9px 5px 8px;}
.sub_paging a.prev, .sub_paging a.next {border:none;height:26px;overflow:hidden;padding:0px;}
.sub_paging a.prev {margin-right:-1px;}
.sub_paging a.next {margin-left:1px;}
.sub_paging a.prev:hover, .sub_paging a.next:hover {background:none;border:none;padding:0px 0px 0px;}