@charset "utf-8";
@import 'reset.css';
/**********************************************************************
                               main
/**********************************************************************/
html {height:100%;}
body {overflow-x:auto;overflow-y:auto} /*overflow-x:hidden;overflow-y:hidden   overflow-x:auto;overflow-y:auto */
#wrap{min-width:1200px;width:1241px; margin:0 auto;}
#wrapP{min-width:1560px,}
#wrapT{min-height:500px;}
#wrap10{min-width:1000px;width:1000px; margin:0 auto;}
#wrapM{min-width:800px;width:831px; margin:0 auto;overflow-x:auto;overflow-y:auto}
#wrapPopup{min-width:1023px;width:1024px; margin:0 auto;}
#container .contents{width:1243px;padding:10px}
#containerxx .contentsxx{width:1243px;padding:10px;overflow-y:auto}
#wrap footer{padding:5px 10px}
#gnb{position:relative;height:87px;margin-top:30px}
#gnb .dropdown{position:absolute;top:55px;left:0}
#lay1024{min-width:1000px;width:1000px; margin:0 auto;}

/******************************* dropdown *******************************/
.dropdown{position:relative;z-index:100;width:100%;height:34px;background-color:#769cb0;border-radius:5px; border:1px solid #3b7d99;
background-color:#769cb0;
background-image: -moz-linear-gradient(top , #769cb0, #769cb0 55%,#5f849c 0px,#476982 338px);
background-image: -webkit-linear-gradient(top , #769cb0, #769cb0 55%,#5f849c 0px,#476982 338px);
background-image: -o-linear-gradient(top , #769cb0, #769cb0 55%,#5f849c 0px,#476982 338px);
background-image: -ms-linear-gradient(top , #769cb0, #769cb0 55%,#5f849c 0px,#476982 338px);
background-image: linear-gradient(top , #769cb0, #769cb0 55%,#5f849c 0px,#476982 338px);
}
.ie8 .dropdown{background:url(../images/common/menu_bg.png) repeat-x; border:0!important;}
.dropdown li{float:left;}
.dropdown li a{display:block;height:16px;margin-left:3px;padding:10px 10px 8px 7px;font-weight:bold;color:#fff; text-decoration:none;}
.dropdown li.first{margin-left:30px;}
.dropdown li.first2{margin-left:0px}

.dropdown li:hover{background:url(../images/common/menu_on.png) top left;}
.dropdown li:hover a{background:url(../images/common/menu_on.png) top right;color:#224a6f;}
.dropdown ul li,.dropdown ul li a,.dropdown ul li:hover{background:none!important;}
.dropdown ul li a{font-weight:normal;color:#000!important;}
.dropdown li a.on {display: block; font-weight:bold; background:url(../images/common/menu_on.png) top right; border-bottom:1px solid #FFF; color:#224a6f!important;}/***on****/
.dropdown li.on {display: block; font-weight:bold; background:url(../images/common/menu_on.png) top left; border-bottom:1px solid #FFF; color:#224a6f!important;}/***on****/
.dropdown ul li  ul li a.on{display: block;font-weight:bold;}
.dropdown ul li ul li a.on{margin-left:130px;}
	
/***************************** horizontal *****************************/
.horizontal ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;}
.horizontal ul ul li{float:left;}
.horizontal ul ul ul{display:none !important;}
.horizontal ul li:hover > ul{visibility:visible;}
.horizontal ul ul{z-index:599;border-bottom:1px solid #779eb1;background:#fff;}

/****************header utill******************************/
.header .logo {float:left; margin-left:18px; margin-top:0; width:95px; height:47px;}
.header .logo a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_system.png) 0 45% no-repeat; text-indent:-9999px;}
.header .userinfo {float:right; margin-top:20px; margin-right:0;}
.header .userinfo ul:after {content:""; display:block; clear:both;}
.header .userinfo ul li {float:left;}
.header .userinfo ul li.userid {padding-right: 10px; margin-top: 5px; font-family:'맑은 고딕','Malgun Gothic',dotum,"돋움"; font-weight:bold;; color: #027b95;} 
.header .userinfo ul li.userid span {padding-right: 14px; color: #2757a9; font-weigh:bold; font:Tahoma !important;}
.header .userinfo ul li.num {padding-right: 10px; margin-top: 5px; font-family:'맑은 고딕','Malgun Gothic',dotum,"돋움"; font-weight:bold; color: #08aba5;} 
.header .userinfo ul li.num span {padding-right: 35px; color: #08aba5; font-weigh:bold;}
.header .userinfo ul li.logout {padding-right: 4px;}
.header .userinfo ul li.logout .btn.type3 a {padding-left:15px;}
.header .userinfo ul li.logout .btn.type3 a span {padding-right:15px; line-height:20px !important;}
.header .userinfo ul li.setup a {display:inline-block; width: 31px; height: 22px; background:url(../images/common/btn_my.png) 0 0 no-repeat; text-indent:-9999px;}
.header .userinfo ul li.setup a:hover {background-position:0 bottom;}
.header .userinfo ul li.help a {display:inline-block; width: 31px; height: 22px; background:url(../images/common/ico_help.gif) 0 0 no-repeat; text-indent:-9999px;}
.header .userinfo ul li.help a:hover {background-position:0 bottom;}


/******************* button ********************************/
.btn {display:inline-block; height:22px; vertical-align:middle;}
.btn a {display:inline-block; padding-left:12px; font-weight:bold; font-size:12px;}
.btn a span {display:inline-block; min-width:55px; text-align:center; height:22px; padding-right:12px; font-family:'맑은 고딕','Malgun Gothic',dotum,"돋움"; text-decoration:none;}
.btn:hover a {background-position:0 -22px !important;}
.btn:hover a span {background-position:right -22px !important;}
.btn.disabled a {background-position:0 -44px !important;}
.btn.disabled a span {background-position:right -44px !important; cursor:default;}
.btn.type1 a {background:url(../images/common/type01_f.png) 0 0 no-repeat;}
.btn.type1 a span {background:url(../images/common/type01_e.png) right 0 no-repeat; color:#fff;}
.btn.type1:hover a span {color:#fff;}
.btn.type1.disabled a span {color:#b4b2b3;}

.btn.type1a a {background:url(../images/common/type1a_f.png) 0 0 no-repeat;}
.btn.type1a a span {background:url(../images/common/type1a_e.png) right 0 no-repeat; color:#fff;}
.btn.type1a:hover a span {color:#fff;}
.btn.type1a.disabled a span {color:#b4b2b3;}

.btn.type1i a {background:url(../images/common/type1a_f.png) 0 0 no-repeat;}
.btn.type1i a span {background:url(../images/common/type1a_e.png) right 0 no-repeat; color:#fff;}
.btn.type1i:hover a span {color:#fff;}
.btn.type1i.disabled a span {color:#b4b2b3;}

.btn.type1u a {background:url(../images/common/type1a_f.png) 0 0 no-repeat;}
.btn.type1u a span {background:url(../images/common/type1a_e.png) right 0 no-repeat; color:#fff;}
.btn.type1u:hover a span {color:#fff;}
.btn.type1u.disabled a span {color:#b4b2b3;}

.btn.type5 a {background:url(../images/common/type05_f.png) 0 0 no-repeat;}
.btn.type5 a span {background:url(../images/common/type05_e.png) right 0 no-repeat; color:#fff;}
.btn.type5:hover a span {color:#fff;}
.btn.type5.disabled a span {color:#b4b2b3;}

.paging1 {clear:both; height:auto; margin-top:10px; text-align:center;}
.paging1 a {display:inline-block; padding:2px 4px; font: normal 12px/12px Arial; color:#222; text-decoration:none; font-weight:bold;}
.paging1 a.on {color:#ff6600;}
.paging1 a.on:hover, .paging1 a:hover{color:#ff6600;}
.paging1 .pageico {display:inline-block; width: 21px; height: 15px; background:url(/images/common/page.png) 0 0 no-repeat; text-indent:-9999px; padding-top: -10px; cursor: pointer;}
.paging1 .pageico_pp {background-position:0 0;}
.paging1 .pageico_pp:hover {background-position:0 bottom;}
.paging1 .pageico_p {background-position:-21px 0; margin-right: 10px;}
.paging1 .pageico_p:hover {background-position:-21px bottom;}
.paging1 .pageico_n {background-position:-42px 0; margin-left: 10px;}
.paging1 .pageico_n:hover {background-position:-42px bottom;}
.paging1 .pageico_nn {background-position:-63px 0;}
.paging1 .pageico_nn:hover {background-position:-63px bottom;}


/* form */
input[type="text"], input[type="password"], textarea {position:relative; border-width:1px; border-style:solid; border-color:#CCC; border-radius:3px;}
.ie8 input[type="text"], .ie8 input[type="password"], .ie8 textarea {border-radius:3px; behavior:url(js/PIE.htc); background-color:#eaeaea;}
input[type="text"], input[type="password"] {height:19px; border-width:1px; border-style:solid; border-color:#CCC; color:#2b477a; line-height:19px; text-indent:5px;}


/*************************** main *******************************/
.img_main{background: url(../images/main/img_main.png) no-repeat; width:1240px; height:377px; border:1px solid #efefef;}
.img_main .list_wrap{float:right;width:49%;}

/************************** layout ****************************/
.con_list,.bn_list{clear:both;}
.con_list{height:200px;margin-bottom:10px;}
.con_list .left{float:left;}
.con_list .right{float:right; width:670px;}
.bn_list{height:96px;margin-bottom:20px;}
.contL{width:550px;}
.pd{padding:0 5px 7px 0;}

/************************* banner **************************/
.banner{float:left;position:relative;width:49%;}
.banner .col li{width:49%;border-top:2px solid #999;border-bottom:1px solid #e0e2e3;text-align:center;}
.banner .col li.left{float:left;}
.banner .col li.right{float:right;}

/************************ list_wrap **********************/
.list_wrap{float:left; margin-bottom:10px;}
.list_wrap h3{position:relative;height:16px;padding:9px 10px 4px;border-bottom:1px solid #ccc;color:#666;}
.list_wrap h3 a.more{position:absolute;top:11px;right:9px;font-weight:normal;font-size:.8em;}
.list_wrap .list{margin:15px 10px;}
.list_wrap .list li{position:relative;margin-bottom:6px;background:url(../images/common/bullet.gif) no-repeat left 6px;}
.list_wrap .list li span.date{position:absolute;top:0;right:0;}
.list_wrap .list a{display:block;overflow:hidden;margin-right:70px;padding:2px 2px 2px 8px;white-space:nowrap;text-overflow:ellipsis; text-decoration:none;}


/*********************** list_tab ***********************/
.list_wrap .tab{position:relative;height:29px;border-bottom:1px solid #5485b6;}
.list_wrap .tab li{float:left;border:1px solid #ebebeb;border-bottom:none;background:#f8f8f8;font-family:'맑은 고딕','Malgun Gothic',dotum,"돋움";}
.list_wrap .tab a{display:block;padding:9px 10px 4px;font-size:1em;font-weight:bold;line-height:15px;color:#666;text-decoration:none;}
.list_wrap .tab a:hover{color:#5485b6;}
.list_wrap .tab li.on{position:relative;border:1px solid #5485b6;border-bottom:1px solid #69c;background:#69c;}
.list_wrap .tab li.on a{padding:8px 10px 5px;border-bottom:0 none;color:#fff;cursor:default;}
.list_wrap .tab li.more{position:absolute;top:11px;right:9px;border:none;background:none;font-weight:normal;font-size:.8em;font-family:Tahoma!important;}
.list_wrap .tab li.more a{padding:0!important;font-weight:normal;font-size:1.1em;line-height:normal;color:#000;}
.list_wrap .tab li.more a:hover{color:#2e7dab;}


/*********************** footer *********************/
footer{clear:both;padding:15px 0 5px 0;font-family:Tahoma;font-size:.95em;color:#999;}
footer p{padding:2px 0 5px 0;}
footer span.link{color:#ccc;margin-left:5px;}
footer span.link a{margin:0 3px;color:#000;}
footer span.link a:hover{color:#2c6279;text-decoration:underline;}
footer span.contact{color:#333;}
footer span.contact strong{margin-left:3px;padding-left:7px;background:url(../images/common/bullet.gif) no-repeat left -54px;}