@charset "utf-8"; 
/* CSS Document */
@import url("common2.css");

/* to-be */
/* standard */
.standard{position:relative;}

/* pt_01 */
.pt_01{position:absolute; top:66px; right:434px; width:413px; height:180px; text-align:right; padding:10px; box-sizing:border-box;}
.pt_01 p{font-size:14px; font-weight:300; color:#555555; margin-bottom:10px;}
.pt_01 span{display:inline-block; background:#312d2e; font-size:18px; font-weight:500; color:#fff; padding:5px 15px; box-sizing:border-box;}
.pt_01 h3{font-size:31px; font-weight:500; color:#312d2e;}
.pt_01 p.sub_txt{font-size:16px; height:26px; line-height:26px; font-weight:300; color:#3e3a39; letter-spacing:-1px;}

/* pt_02 */
.pt_02{position:absolute; top:66px; right:0; width:413px; height:238px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:28px 30px; box-sizing:border-box;}
.pt_02 h4{display:inline-block; font-size:20px; font-weight:500; color:#008ed3;  box-sizing:border-box;}
.pt_02 h4 span{font-size:17px; font-weight:300; color:#222222;}
.pt_02 p{font-size:15px; font-weight:300; color:#444444; padding-top:2px; box-sizing:border-box;}
.pt_02  ul{margin-top:12px;}
.pt_02  ul li{display:inline-block; background:url(../images/main/bullet.png) no-repeat left center; font-size:14px; font-weight:400; color:#000; height:28px; line-height:28px; padding-left:10px; box-sizing:border-box;}
.pt_02  ul li.s_txt{display:inline-block; background:none; width:100%; font-size:14px; font-weight:300; color:#787878; margin-bottom: 10px;}
.pt_02 .profile_btn{width:100%; text-align:center; margin-top:15px;}
.pt_02 .profile_btn a{display:inline-block; float:left; width:50%; height:46px; line-height:46px; font-size:14px;}
.pt_02 .profile_btn a.password{background:#008ed3; color:#fff;}
.pt_02 .profile_btn a.logout{border:1px solid #e5e5e5; box-sizing:border-box;}

/* pt_02_login */
.pt_02 fieldset{width:100%; margin-top:20px;}
.pt_02 fieldset:after{clear:both; display:block; content:"";}
.pt_02 input[type="checkbox"]{border:1px solid #006acf; width:15px; height:15px; margin:8px 2px 8px 10px ;}
.pt_02 fieldset label{float:left; height:15px; line-height:15px; color:#888; font-size:15px;}
.pt_02 fieldset input[type="text"],fieldset input[type="password"]{display:block; width:100%; height:40px; line-height:40px; padding:0 15px; border:1px solid #d8d5d5; color:#aaa; font-size:15px;  box-sizing:border-box; margin-bottom:8px;}
.pt_02 fieldset a.login_btn{display:block; width:100%; height:40px; line-height:40px; background-color:#008ed3; text-align:center;}
.pt_02 fieldset a.login_btn span{font-size:18px; font-weight:400; color:#fff;}

/* pt_03 */
.pt_03{position:absolute; top:278px; right:434px; width:413px; height:107px; background:url(../images/main/img_bg_01.gif) no-repeat left center;}
.pt_03 div{position:relative;}
.pt_03 div p{position:absolute; top:18px; right:20px; height:30px; line-height:30px; font-size:28px; font-weight:500; color:#2c4b8b;}
.pt_03 div p span{font-size:26px; font-weight:300; color:#3e3a39;}

/* pt_04 */
.pt_04{position:absolute; top:320px; right:0; width:413px; height:238px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:22px 30px; box-sizing:border-box;}
.pt_04 h4{font-size:20px; font-weight:500; color:#222222;}
.pt_04 ul{margin-top:12px;}
.pt_04 ul li{padding-top:8px; box-sizing:border-box;}
.pt_04 ul li a{display:inline-block; background:url(../images/main/bullet.png) no-repeat left center; padding-left:10px; box-sizing:border-box; width:100%; font-size:14px; color:#222222; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pt_04 ul li span{font-size:13px; font-weight:300; color:#787878; padding-left:10px; box-sizing:border-box;}
.pt_04 a.more{position:absolute; top:30px; right:24px;}

/* pt_05 */
.pt_05{position:absolute; top:402px; right:434px; width:413px; height:238px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:22px 30px; box-sizing:border-box;}
.pt_05 h4{font-size:20px; font-weight:500; color:#222222;}
.pt_05 .material{margin-top:12px;}
.pt_05 a.more{position:absolute; top:30px; right:24px;}
.pt_05 ul{margin-top:16px;}
.pt_05 ul li{width:100%; background:url(../images/main/bullet.png) no-repeat left center; padding-left:10px; box-sizing:border-box;}
.pt_05 ul li a{width:100%; font-size:14px; font-weight:400; color:#222222;}
.pt_05 ul li a span.title{display:inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pt_05 ul li a span.date{float:right; font-size:13px; font-weight:300; color:#787878;}

/* pt_06 */
.pt_06{position:absolute; top:524px; right:868px; width:413px; height:287px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:30px; box-sizing:border-box;}
.pt_06 h4{float:left;font-size:20px;font-weight:500;color:#222222;padding-right: 10px;box-sizing:border-box;}

/* grpahArea */
.pt_06 .grpahArea{position:relative; width:100%; height:184px; margin-top:20px;}
.pt_06 .grpahArea ul{background:url(images/main/graph_bg.gif) no-repeat left center; width:100%; height:162px; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.pt_06 .grpahArea ul li{position:relative; float:left; width: 16%; height:162px; text-align:center;}
.pt_06 .grpahArea ul li p{width:50px; height:160px; text-align:center;}
.pt_06 .grpahArea ul li span{float:left; position:absolute; bottom:0; width:21px; margin:0 2px; text-align:center; font-family:Dotum; text-align:center;}
.pt_06 .grpahArea ul li p span.blue b{font-size:12px; font-weight:300; color:#008ed3; display: inline-block; margin: -22px 0 0 0px;}
.pt_06 .grpahArea ul li p span.green b{font-size:12px; font-weight:300; color:#6dbe45; display: inline-block; margin: -22px 0 0 -4px;}

.pt_06 .grpahArea ul li p span.blue{background:#008ed3;}
.pt_06 .grpahArea ul li p span.green{background:#6dbe45;}
.pt_06 .grpahArea ul li p em.val{position:absolute; bottom:-42px; left:3px; width:100%; height:32px; line-height:16px; text-align:center; font-size:13px;}

.pt_06 .grpahArea ul li p span:nth-child(1){left:36%;}
.pt_06 .grpahArea ul li p span:nth-child(2){left:54%;}
.pt_06 .grpahArea ul li p span:nth-child(3){left:22%;}
.pt_06 .grpahArea ul li p span:nth-child(4){left:54%;}
.pt_06 .grpahArea ul li p span:nth-child(5){left:22%;}
.pt_06 .grpahArea ul li p span:nth-child(6){left:54%;}
.pt_06 .grpahArea ul li p span:nth-child(7){left:22%;}
.pt_06 .grpahArea ul li p span:nth-child(8){left:54%;}



.pt_06 .rightArea{padding-top:5px; box-sizing:border-box;}
.pt_06 .btnArea{float:right;}
.pt_06 p{display:inline-block; font-size:14px; font-weight:400; color:#333333;}
.pt_06 .btnArea a{height:23px; line-height:23px; padding:0 10px; border-radius:10px; box-sizing:border-box;}
.pt_06 .btnArea a.blue{background:#006acf;}
.pt_06 .btnArea a.green{background:#6dbe45;}
.pt_06 .btnArea a span{font-size:14px; font-weight:500; color:#fff;}

/* pt_07 */
.pt_07{position:absolute; top:654px; right:434px; width:413px; height:157px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:12px 25px; box-sizing:border-box;}
/* banner_zone */
/* contents1 */
.pt_07 .flexslider1 ul li .contents1{width:100%; height:154px; background:url(../images/main/banner_bg.gif) no-repeat left center; text-align:right; box-sizing:border-box;}
/* contents2 */
.pt_07 .flexslider1 ul li .contents2{width:100%; height:154px; background:url(../images/main/banner_bg.gif) no-repeat left center; text-align:right; box-sizing:border-box;}
/* contents3 */
.pt_07 .flexslider1 ul li .contents3{width:100%; height:154px; background:url(../images/main/banner_bg.gif) no-repeat left center; text-align:right; box-sizing:border-box;}

/* 슬레이드 버튼 */
.flexslider1 .flex-control-nav{position:absolute; top:0; right:0;}
.flex-control-nav{margin:15px 30px;}
.flex-control-nav li{float:left; margin:0 2px;}
.flex-control-nav li a{display:inline-block; width:10px; height:10px; text-indent:-9999px; background:url(../images/main/bullet_page.png) no-repeat center center;}
.flex-control-nav li a.flex-active{display:inline-block; width:10px; height:10px; text-indent:-9999px; background:url(../images/main/bullet_page_on.png) no-repeat center center;}
.flex-pauseplay{position:absolute; top:14px; right:76px;}
.flex-pause{/* background:url(../images/main/btn_stop.png) no-repeat center center; */ display:inline-block; width:9px; height:11px; text-indent:-9999px;}
.flex-play{/* background:url(../images/main/btn_play.png) no-repeat center center; */ display:inline-block; width:9px; height:11px;text-indent:-9999px;}


/* pt_08 */
.pt_08{position:absolute; top:323px; right:0; width:413px; height:317px; background:#fff; box-shadow:3px 0 18px #e9eced; padding:22px 30px; box-sizing:border-box;}
.pt_08 h4{font-size:20px; font-weight:500; color:#222222;}
.pt_08 ul{margin-top:12px;}
.pt_08 ul li{padding-top:8px; box-sizing:border-box;}
.pt_08 ul li a{display:inline-block; background:url(../images/main/bullet.png) no-repeat left center; padding-left:10px; box-sizing:border-box; width:100%; font-size:14px; color:#222222; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pt_08 ul li span{font-size:13px; font-weight:300; color:#787878; padding-left:10px; box-sizing:border-box;}
.pt_08 a.more{position:absolute; top:30px; right:24px;}


/* as-is */
/* visual */
#visual{position:relative; width:100%; height:388px; background:url(../images/main/visual_bg.gif) no-repeat right top; z-index:2;}
#visual .visual_bg{position:absolute; top:0; left:0; width:40%; height:388px; background:#2994c2; z-index:-999;}
#visual .visual_wrap{width:1280px; height:388px; background:url(../images/main/visual_wrap_bg.png) no-repeat center center; margin:0 auto;}
/* tab_menu */
#visual .tab_menu{float:left; margin:40px 30px;}
#visual .tab_menu li{width:148px; height:75px; margin-top:2px;}
#visual .tab_menu li a{display:inline-block; width:140px; height:75px; line-height:75px; text-align:center; background:#21779c;}
#visual .tab_menu li a span{font-size:18px; font-weight:500; color:#fff;}
#visual .tab_menu li.tab_on{background:url(../images/main/visual_tab_bg.png) no-repeat right center;}
#visual .tab_menu li.tab_on a{background:#fff;}
#visual .tab_menu li.tab_on a span{color:#0f4e8c;}
/* tab_content */
#visual .tab_content{float:left; margin:70px 30px;}
#visual .tab_content div h4{line-height:24px; font-size:14px; font-weight:300; color:#fff;}
#visual .tab_content div h4 span{display:inline-block; height:36px; line-height:36px; background:#fff; font-size:24px; color:#1395ce; font-weight:500; padding:0 8px;}
#visual .tab_content div h2{font-size:38px; font-weight:500; color:#fff; margin:10px 0;}
#visual .tab_content div p{width:390px; line-height:26px; font-size:16px; font-weight:400; color:#fff; letter-spacing:-1px; margin-bottom:30px;}
/* btn_more */
.btn_more{display:inline-block; height:33px; line-height:33px; background:url(../images/main/btn_more_L.png) no-repeat left center; padding:0 0 0 12px;}
.btn_more span{display:inline-block; height:33px; line-height:33px; font-size:14px; font-weight:400; color:#32373b; background:url(../images/main/btn_more_R.png) no-repeat right center; padding:0 12px 0 0;}


/* contents */
/* #contents{margin-bottom:50px;} */

/* port_setting */
.port_setting{height:20px; line-height:20px; padding:20px; text-align:right;}
.port_setting:after{clear:both; display:block; content:"";}
.port_setting a{display:inline-block; margin:0 2px;}


/* common */
.p_11{position:relative; width:297px; height:183px;}
.p_21{position:relative; width:618px; height:183px;}
/* h3{height:55px; line-height:55px; font-size:18px; font-weight:400; color:#222; margin-left:10px;} */
.more{position:absolute; top:18px; right:12px; font-size:13px; font-weight:300; color:#444;}

/* userinfo */
.userinfo h3{display:block; height:55px; line-height:55px; font-size:15px; font-weight:300; margin:0; padding:0 10px; border-bottom:1px solid #e5e5e5;}
.userinfo h3 em{font-size:18px; font-weight:400; color:#008ed3;}
.userinfo h3 span{float:right; font-size:14px; color:#444;}
.userinfo p{line-height:26px; font-size:13px; font-weight:300; color:#787878; background:url(../images/main/bullet.png) no-repeat left 11px; padding-left:6px; margin:14px 10px;}
.userinfo p span{display:block;}
.userinfo .btnArea{height:46px; line-height:46px; padding:0 2px;}
/*.userinfo .btnArea a{float:left; display:inline-block; height:46px; line-height:46px; padding:0 18px; border:1px solid #e5e5e5; border-left:none; margin:0; letter-spacing:normal;}*/
.userinfo .btnArea a.first{border-left:none; border-left:1px solid #e5e5e5;}
.userinfo .btnArea a span{font-size:13px; color:#787878; font-weight:300; padding:0;}
.userinfo .btnArea a:hover{background:#008ed3;}
.userinfo .btnArea a:hover span{color:#fff; font-weight:400;}

/* news */
.news dl dd{float:left; width:226px; height:128px; margin:0 30px 0 10px;}
.news dl dt.title{display:inline-block; width:310px; font-size:16px; color:#222; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0;}
.news dl dt.text{display:inline-blcok; width:310px; height:72px; line-height:24px; font-size:13px; color:#222; overflow:hidden;}
.news a:hover dt{color:#000;}

/* notice */
.notice ul{margin:10px;}
.notice ul li{background:url(../images/main/bullet.png) no-repeat left 10px; padding-left:10px; margin-top:6px;}
.notice ul li a{display:inline-block; width:260px; height:24px; line-height:24px; font-size:13px; font-weight:300; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice ul li a:hover{color:#000; text-decoration:underline;}
.notice ul li span.date{display:block; line-height:24px;}

/* Portlet_tab_normal */
.Portlet_tab_normal{position:relative; width:618px; height:183px;}
.Portlet_tab_normal:after{display:block;clear:both;content:""}
/* tab Deco */
.Portlet_tab_normal ul{position:relative;}
.Portlet_tab_normal ul:after{display:block;clear:both;content:""}
.Portlet_tab_normal li{float:left; height:55px; line-height:55px; padding:0 10px;}
.Portlet_tab_normal li:after{display:block;clear:both;content:""}
.Portlet_tab_normal li a{display:inline-block; line-height:55px;}
.Portlet_tab_normal li a span{font-size:18px; font-weight:400; color:#222;}
.Portlet_tab_normal li ul{display:none; position:absolute; top:60px; left:10px; }
.Portlet_tab_normal li ul:after{display:block;clear:both;content:""; }
.Portlet_tab_normal.m1 .m1 a span,
.Portlet_tab_normal.m2 .m2 a span,
.Portlet_tab_normal.m3 .m3 a span,
.Portlet_tab_normal.m4 .m4 a span,
.Portlet_tab_normal.m5 .m5 a span{color:#008ed3;}
/* List Deco */
.Portlet_tab_normal.m1 .m1 ul,
.Portlet_tab_normal.m2 .m2 ul,
.Portlet_tab_normal.m3 .m3 ul,
.Portlet_tab_normal.m4 .m4 ul,
.Portlet_tab_normal.m5 .m5 ul{display:block; }
.Portlet_tab_normal li ul li{float:inherit; width:586px; height:30px; line-height:30px; background:url(../images/main/bullet.png) no-repeat left center; padding-left:12px;}
.Portlet_tab_normal li ul li a{float:left; height:30px; line-height:30px;}
.Portlet_tab_normal li ul li a span.title{display:inline-block; max-width:450px; font-size:13px; font-weight:300; color:#222 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Portlet_tab_normal li ul li a:hover span.title{color:#000; text-decoration:underline;}
.Portlet_tab_normal li ul li span.date{float:right; font-size:13px; font-weight:300; color:#787878;}
.Portlet_tab_normal li a.more{top:0; font-size:13px; font-weight:300; color:#444;}

/* booklist */
/* .booklist{position:relative; width:277px; height:116px; margin:0 10px;}
.booklist ul{width:236px; height:116px; margin:0 20px; overflow:hidden;}
.booklist ul li a.book{float:left; display:inline-block; width:116px; height:116px; background:url(../images/main/img_book.gif) no-repeat left top; margin:0 1px;}
.booklist ul li a span{display:inline-block; width:50px; line-height:14px; font-size:13px; font-weight:500; color:#333; margin:14px 0 0 24px;}
.flexslider1 .flex-direction-nav a{text-indent:-9999px;}
.flexslider1 .flex-direction-nav .flex-next{position:absolute; top:42px; right:0px; display:inline-block; width:8px; height:16px; background:url(../images/main/arr_R.png) no-repeat right center;}
.flexslider1 .flex-direction-nav .flex-prev{position:absolute; top:42px; left:0px; display:inline-block; width:8px; height:16px; background:url(../images/main/arr_L.png) no-repeat left center;} */



/* 배너포틀릿추가_170120_박지예 */
/* banner */
/* .bannerzone{position:relative;}
.banner{width:272px; height:118px; margin:0 10px; border:1px solid #ededed;}
.banner ul{width:272px; height:118px; overflow:hidden;}
.banner ul li{float:left; width:272px; height:118px;}
.banner ul li a{width:100%; height:100%;}
.flex-control-paging{position:absolute; top:22px; right:10px;}
.flex-control-paging li{float:left; margin:0 1px;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:url(../images/main/icon_pageoff.png) no-repeat; cursor: pointer; text-indent:9999px;}
.flex-control-paging li a:hover {background:url(../images/main/icon_pageon.png) no-repeat;}
.flex-control-paging li a.flex-active {background:url(../images/main/icon_pageon.png) no-repeat; cursor: default; } */



/* 로그인전포틀릿추가_170124_박지예 */
/* useinfo_로그인전 */
.userinfo fieldset{margin:0 10px 0 10px;}
.userinfo input[type="checkbox"]{margin-right:4px; font-size:13px; font-weight:300; color:#787878; vertical-align:baseline;}
.userinfo input[type="checkbox"] label{font-size:12px;}
.userinfo fieldset input[type="text"], input[type="password"]{width:257px; height:36px; line-hegiht:36px; border:1px solid #e5e5e5; padding:0 10px; margin-bottom:6px; font-size:13px; font-weight:300; color:#787878;}
.userinfo fieldset a.btn_login{display:inline-block; width:277px; height:46px; line-height:46px; text-align:center; border:1px solid #e5e5e5; margin-top:0px;}
.userinfo fieldset a.btn_login span{font-size:14px; color:#787878; font-weight:300; padding:0;}
.userinfo fieldset a.btn_login:hover{background:#008ed3;}
.userinfo fieldset a.btn_login:hover span{color:#fff; font-weight:400;}
.userinfo h4{display:block; height:45px; line-height:45px; font-size:15px; font-weight:300; margin:5px 0 0 0; padding:0 10px; }
.userinfo h4 em{font-size:18px; font-weight:400; color:#008ed3;}
.userinfo h4 span{float:right; font-size:14px; color:#444;}



/* 2017.02.02, yjchoi, QnA */
.QnA ul{margin:10px;}
.QnA ul li{background:url(../images/main/bullet.png) no-repeat left 10px; padding-left:10px; margin-top:6px; width:586px; height:26px; line-height:22px;}
.QnA ul li a{display:inline-block; font-size:13px; font-weight:300; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.QnA ul li a:hover{color:#000; text-decoration:underline;}
.QnA ul li span.date{float:right; font-size:13px; font-weight:300; color:#787878;}

.ellipse {  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected {  background-color: Snow !important;}
tr.selected td{  background-color: Snow !important;}

/* 2017.02.12, yjchoi, userInfo 부서명/그룹명 나타내는 부분 ellipsis 처리 */
.userinfo h3 span.userInfoMap{float:right; font-size:14px; color:#444; width:130px; height:57px; line-height:57px;}

/* 2018.03.14, yjchoi, 로그인 후 [ 마이페이지 ], [비밀번호변경 ], [로그아웃] 버튼 조정 */
.userinfo .btnArea a{float:left; display:inline-block; height:46px; line-height:46px; padding:0 14px; border:1px solid #e5e5e5; border-left:none; margin:0; letter-spacing:normal;}