@charset "UTF-8";
/* reset */
html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
body,input,textarea,select,table,button{font-size: 12px;font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif}
input {-webkit-border-radius:1px; -webkit-apprearance:none;}
html,body{width:100%;height:100%;color:#000;}
ul{*zoom:1;}
ul:after{content:''; display:block; clear:both}
fieldset {margin:0;padding:0;border:0px none}
legend, caption {display:none;text-indent:-9999px;}
input, button {vertical-align:middle;}
button{border:0 none;cursor:pointer}
img{border:0}
ul,ol,li,dt,dd{list-style:none}
a{color:#5b5b5b;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
hr{display:none !important}
.skipnavi{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
a{font-weight:normal;font-size:12px;color:#777777;text-decoration:none;}
a:link{color:#777777;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#999999;text-decoration:underline;}
a:active{color:#999999;text-decoration:none;}

/* layout */
/* main */
#wrap{position:relative;width:100%;height:auto;background:url(../images/bg_new1.gif) repeat-x 0 0;}
#wrap .main{position: relative;width: 980px;margin: 0 auto;overflow: hidden;zoom:1}
/* sub*/
#swrap{position:relative;width:100%;height:100%;background:url(../images/bg_haeder1.gif) repeat-x 0 0;}
#swrap .sub{position: relative;width: 980px;margin: 0 auto;overflow: hidden;zoom:1}


/* layout - newmain 20130523 add */
#wrap #header{position: relative; height: 633px;}
#wrap #header h1{position: absolute; top: 47px;left: 3px; }
#wrap #header .mtmenu{position: absolute; top: 29px;right: 5px;height: 10px;overflow: hidden; zoom:1; }
#wrap #header .mtmenu li{float: left;padding:0 7px;background:url(../images/tmenu_line.gif) no-repeat right 2px;line-height:100%;}
#wrap #header .mtmenu li.right{background: none;margin-right: 0px}
#wrap #header .mtmenu li a, #wrap #header .mtmenu li img{margin: 0; padding: 0;}
#wrap #gnb{
	position: absolute;
	top: 31px;
	left: 10px;
	width: 944px;
}
#wrap #gnb li{float: left}
#wrap .main_img{position: absolute; top: 98px;left: 0px;width: 980px;height:356px;}
#wrap #container{position:relative;float:none;*zoom:1;margin-top: 37px;}
#wrap #container:after{content:' ';display:block; clear:both;}

#wrap #container .notice{width: 344px;float:left;position: relative;}
#wrap #container .notice h4{margin-top: 28px;}
#wrap #container .notice ul{margin-top: 13px;width: 174px;overflow: hidden;}
#wrap #container .notice ul:after{content:' ';display:block; clear:both;}
#wrap #container .notice li{background:url(../images/blt_notice.gif) no-repeat 0 6px;padding-left: 10px;width: 174px;overflow: hidden;}
#wrap #container .notice li a{display: block;width: 174px;position: relative;line-height: 20px;overflow: hidden;_line-height: 20px;}
#wrap #container .notice li a:hover, #wrap #container .notice li a:active{text-decoration: none}
#wrap #container .notice li span{display: inline-block;position: absolute; right:10px; top:center;width: 67px;}
#wrap #container .notice .icon{position:absolute;top:70px;right:28px;}
#wrap #container .comintro{width:312px;float:left;margin-right: 15px}
#wrap #container .mbanner{width:290px; overflow:hidden; zoom:1;}
#wrap #container .mbanner a{float: left;}
#wrap #container .mbanner .right{display:inline-block;float:right}
#wrap #container .mbanner li{height:80px}


/* layout - sub */
/*#swrap #header{position: relative; height: 216px;background:url(../images/con_header1.jpg) no-repeat right 95px;}*/
#swrap #header{position: relative; height: 216px; top: -5px; background:url(../images/con_header1.jpg) repeat-x;}
#swrap #header h1{position: absolute; top: 18px;left: 0; }
#swrap #header .tmenu{position: absolute; top: 84px;right: 0;height: 10px;overflow: hidden; zoom:1; }
#swrap #header .tmenu li{float: left;padding:0 7px;background:url(../images/tmenu_line.gif) no-repeat right 2px;line-height:100%;}
#swrap #header .tmenu li.right{background: none;margin-right: 0px}
#swrap #header .tmenu li a, #swrap #header .tmenu li img{margin: 0; padding: 0;}
#swrap #gnb{position: absolute; top: 184px;left: 230px;}
#swrap #gnb li{float: left}
#swrap #container{position:relative;float:none;*zoom:1;}
#swrap #container:after{content:' ';display:block; clear:both;}
#swrap #content{float:right;position:relative;width: 750px;background:url(../images/bg_content.gif) repeat-y left 0;}
#swrap #content .stitle{position: relative;height:127px;background:url(../images/bg_stitle2.gif) no-repeat 0 bottom;}
#swrap #content .stitle h3{position: absolute;top: 48px; left: 30px;}
#swrap #content .stitle img{z-index:1}
#swrap #content .stitle span{position:absolute;z-index:100;top:75px;right: 28px;font-size: 11px;color:#809197}
#swrap #content .stitle strong{font-weight:bold}
#swrap #content .topimg{margin:0 0 37px 30px;}
#swrap #content .topimg2{margin:0 0 37px 28px;}
#swrap #content .article{margin-left:30px;}
#swrap #content .pageend{height: 176px;background:url(../images/bg_bottom_txt.gif) no-repeat 0 bottom;}
#swrap #content .pageend p{text-indent: -9999px;}

/* 20130523 add */
#mfooter{position:relative;margin-top: 26px;height: 170px;overflow:hidden;zoom:1;background:url(../images/bg_newfooter.gif) repeat-x 0 0;}
#mfooter .mcon{position:relative;width:980px;margin:0 auto;height: 90px;overflow:hidden;zoom:1;background:url(../images/bg_footer.jpg) no-repeat 0 0;}
#mfooter h4{position: absolute; top:28px; left: 72px;width: 255px; height: 59px;text-indent: -9999px;background:url(../images/footer_newlogo.gif) no-repeat 0 0;}
#mfooter .copyright{position: absolute; top:42px; left: 335px;}
#mfooter ul{position:relative;line-height:14px;overflow:hidden;zoom:1;}
#mfooter ul:after{content:' ';display:block; clear:both;}
#mfooter li{float:left;line-height:14px}
#mfooter p{margin: 5px 0 0 12px}

#footer{position:relative;margin-top: 26px;height: 90px;overflow:hidden;zoom:1;border-top:1px solid #d2d2d2;}
#footer .fcon{position:relative;width:980px;margin:0 auto;height: 90px;overflow:hidden;zoom:1;}
#footer .mcon{position:relative;width:980px;margin:0 auto;height: 90px;overflow:hidden;zoom:1;background:url(../images/bg_mfooter.gif) no-repeat 0 0;;}
#footer h4{position: absolute; top:35px; left: 48px;width: 118px; height: 32px;text-indent: -9999px;background:url(../images/footer_logo.gif) no-repeat 0 0;}
#footer .copyright{position: absolute; top:38px; left: 248px;}
#footer ul{position:relative;line-height:14px;overflow:hidden;zoom:1;}
#footer ul:after{content:' ';display:block; clear:both;}
#footer li{float:left;line-height:14px}
#footer p{margin: 5px 0 0 12px}

/* LNB */
#lnb{float:left;width:230px;height:100%;overflow:hidden;}
#lnb h2{margin:43px 0 0 0;height:42px;width: 205px;background:url(../images/bg_lnb_top.gif) repeat-x 0 bottom;}
#lnb h2 img{display: inline-block;margin-left: 36px;_display: block;}
#lnb ul{width: 205px;overflow: hidden; zoom:1;}
#lnb li{height:35px;background:url(../images/bg_lnb.gif) repeat-x 0 bottom;}

/* tab */
.pro_tab{width: 688px;margin: 0 0 14px 0;font-family: Dotum;height:33px;background:url(../images/bg_tab.gif) repeat-x 0 bottom;}
.pro_tab li{float: left;margin-right:4px;}
.pro_tab a{color:#666;font-weight: bold;display: block;line-height: 33px;background:url(../images/tab_off_left.gif) no-repeat left bottom;}
.pro_tab a span{display: block;line-height: 33px; padding:0 35px;background:url(../images/tab_off_right.gif) no-repeat right bottom;z-index:10;_padding:0 20px;}
.pro_tab a span strong{display:inline-block;margin-left:3px;width:7px;background: none;text-indent:-9999px}
.pro_tab a:hover, .pro_tab a:active, .pro_tab li.on a{text-decoration: none;color:#fff;background:url(../images/tab_on_left.gif) no-repeat left bottom;}
.pro_tab a:hover span strong, .pro_tab a:active span strong, .pro_tab li.on span strong{background: url(../images/tab_bot_arrow.gif) no-repeat 0 center;text-indent:-9999px}
.pro_tab a:hover span, .pro_tab a:active span, .pro_tab li.on a span{background:url(../images/tab_on_right.gif) no-repeat right bottom;}

.pro_tab2{width: 688px;margin: 0 0 14px 0;font-family: Dotum;height:33px;background:url(../images/bg_tab.gif) repeat-x 0 bottom;}
.pro_tab2 li{float: left;margin-right:4px;}
.pro_tab2 a{color:#666;font-weight: bold;display: block;line-height: 33px;background:url(../images/tab_off_left.gif) no-repeat left bottom;}
.pro_tab2 a span{display: block;line-height: 33px; padding:0 20px;background:url(../images/tab_off_right.gif) no-repeat right bottom;z-index:10;_padding:0 20px;}
.pro_tab2 a span strong{display:inline-block;margin-left:3px;width:7px;background: none;text-indent:-9999px}
.pro_tab2 a:hover, .pro_tab2 a:active, .pro_tab2 li.on a{text-decoration: none;color:#fff;background:url(../images/tab_on_left.gif) no-repeat left bottom;}
.pro_tab2 a:hover span strong, .pro_tab2 a:active span strong, .pro_tab2 li.on span strong{background: url(../images/tab_bot_arrow.gif) no-repeat 0 center;text-indent:-9999px}
.pro_tab2 a:hover span, .pro_tab2 a:active span, .pro_tab2 li.on a span{background:url(../images/tab_on_right.gif) no-repeat right bottom;}


/* pet,pp 색상 */
.tbl_colorbox{position:relative;margin: 29px 0 0 0;width:688px}
.tbl_color{width: 100%;border:0;border-collapse:collapse;}
.tbl_color td{height: 200px;color:#666;vertical-align: top;}
.tbl_color td img{border:1px solid #9b9b9b}
.tbl_color td dt{font-weight: bold;line-height: 25px;margin-top: 10px}

/* paging */
.pagingbox{position:relative;margin-top:9px;overflow:hidden;zoom:1;}
.paging{position:relative;height:26px;text-align: center;vertical-align:bottom;overflow:hidden;zoom:1;}
.paging a{display:inline-block;font-size:12px;color:#555;vertical-align:top;text-decoration:none;padding:6px 7px 6px 5px;}
.paging a:link{color:#555;text-decoration:none;}
.paging a:visited{color:#555;text-decoration:none;}
.paging a:hover{font-weight:bold;color:#658cc7 !important;	text-decoration:none;}
.paging a:active{color:#555;text-decoration:none;}
.paging a.on{font-weight:bold;color:#658cc7 !important;}
.paging a.end{background: none;}
.paging a.first{background: #fff none;padding:0;width: 13px;height: 26px;background:url(../images/blt_page_first.gif) no-repeat center center;}
.paging a.prev{background:#fff  none;padding:0;display:inline-block;width: 13px;height: 26px;background:url(../images/blt_page_pre.gif) no-repeat center center;}
.paging a.next{background:#fff  none;padding:0;display:inline-block;width: 13px;height: 26px;background:url(../images/blt_page_next.gif) no-repeat center center;}
.paging a.last{background:#fff  none;padding:0;display:inline-block;width: 13px;height: 26px;background:url(../images/blt_page_last.gif) no-repeat center center;}

/* form */
/* board */
.tbl_listbox{position:relative;margin: 24px 0 0 0px;width:688px}
.tbl_list{width: 100%;border:0;border-collapse:collapse;color:#6a6a6a;border-top:2px solid #5a7db3}
.tbl_list th{background-color:#f6f6f6;height:30px;border:0;font-size: 11px;border-bottom:1px solid #e0e0e0}
.tbl_list td{height: 30px;text-align: center;border-bottom:1px solid #e0e0e0}
.tbl_list td.left{text-align:left;}
.tbl_list td.left a{margin-left:15px;}

.tbl_view{width: 100%;border:0;border-collapse:collapse;color:#5c5c5c;border-top:2px solid #5a7db3;border-bottom:1px solid #5a7db3}
.tbl_view th{color:#666;font-weight:bold;background-color:#f6f6f6;height:36px;border:0;border-bottom:1px solid #e0e0e0}
.tbl_view th.title{position:relative;text-align: left;padding-left:10px;font-size: 13px;}
.tbl_view th.title span{position:absolute;right: 22px;font-size: 11px;font-weight: normal;color: #999}
.tbl_view th strong{margin-left:19px;color:#d2d2d2}
.tbl_view td{text-align: left;color:#888;line-height: 20px;margin:25px 0 20px 0;padding:25px 0px;}
.tbl_view th.unit{width:68px;height: 29px !important;background:url(../images/th_line.gif) no-repeat right 0;}
.tbl_view td.unit{width:620px;padding:0;padding-left:10px;height: 29px !important;margin:0;border-bottom:1px solid #e0e0e0}
.tbl_view td .center{text-align:center;margin-bottom:10px;}

.tbl_write{width: 100%;border:0;border-collapse:collapse;color:#5c5c5c;border-top:2px solid #5a7db3}
.tbl_write th{background-color:#f6f6f6;height:30px;color:#6a6a6a;font-weight:bold;font-size:12px;text-align:left;border:0;border-bottom:1px solid #e3e3e3}
.tbl_write th label{margin-left:20px;display:inline-block;width:100px; }
.tbl_write td{height: 32px;padding-left:9px;border-bottom:1px solid #e3e3e3}
.tbl_write td.con{height:auto;padding:10px 9px}
.tbl_write td input{border:1px solid #e1e1e1;padding:3px;}
.tbl_write td select{vertical-align:top;border:1px solid #e1e1e1;}
.tbl_write td textarea{margin:5px 0;border:1px solid #e1e1e1 !important;}
.tbl_write td .selbox1{width:70px;height:20px;}
.tbl_write td .selbox2{width:120px;height:20px;}
.tbl_write th.top, .tbl_write td.top{vertical-align: top;padding-top:10px}
.tbl_write td.left{text-align:left;}
.tbl_write td.left a{margin-left:15px;}

.boxlayout{padding:30px 0;border:1px solid #eee;background-color:#f9f9f9}
.tbl_pass{width: 300px;margin:0 auto;border:0;border-collapse:collapse;color:#5c5c5c;border:1px solid #ccc}
.tbl_pass th{background-color:#333;height:30px;color:#fff;font-weight:bold;font-size:12px;text-align:left;border:0;}
.tbl_pass th label{margin-left:20px;display:inline-block;width:100px; }
.tbl_pass td{height: 32px;padding-left:9px;}
.tbl_pass td.con{height:auto;padding:10px 9px}
.tbl_pass td input{border:1px solid #e1e1e1;padding:3px;}
.passtop{margin: 20px 0 50px 0;}
.btncenter{margin-top: 30px;text-align: center;vertical-align: top;line-height:24px;height:24px;}
.btncenter img, .btncenter input{vertical-align: top;}
.btncenter a{vertical-align: top;line-height:24px;}