﻿@charset "utf-8";

.disable { color:##f2f4e0; background:#f2f4e0;; }

input.sessiontxt { width:104px; background:#fff url("../images/common/txtH.png") no-repeat right 50%; background-size:15px 12px;padding-right:20px }

/* width */
.w40P { width:40% !important; }
.w50P { width:50% !important; }
.w60P { width:60% !important; }
.w100P { width:100% !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w99 { width:99px !important; }
.w100 { width:100px !important; }
.w105 { width:105px !important; }
.w120 { width:120px !important; }
.w125 { width:125px !important; }
.w140 { width:140px !important; }
.w155 { width:155px !important; }
.w160 { width:160px !important; }
.w195 { width:195px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w230 { width:230px !important; }
.w243 { width:243px !important; }
.w255 { width:255px !important; }
.w330 { width:330px !important; }
.w355 { width:355px !important; }
.w360 { width:360px !important; }
.w375 { width:375px !important; }
.w440 { width:440px !important; }
.w465 { width:465px !important; }
.w510 { width:510px !important; }
.w540 { width:540px !important; }
.w550 { width:550px !important; }
.w640 { width:640px !important; }
.h200 { height:200px !important; }
.h100P { height:100% !important; }

/* margin */
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.pr30 { padding-right:30px !important; }
.pl25 { padding-left:25px !important; }

.mb10 { margin-bottom:10px !important; }

.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }

/* txt color */
.bl0 { color:#000; }
.bl6 { color:#666; }
.gA5 { color:#a5a5a5; }
.dotum { font-family:" 돋움", dotum !important; }

/* from */
.basictxt { height:30px; padding:0 5px; border:1px solid #000; border-radius:2px; }
.basicsel { height:30px; line-height:23px; border:1px solid #000; border-radius:2px; }

/* dislay */
.hidden { /* position:absolute; top:-10000px; left:-10000px; */ width:0; height:0px; padding:0 !important; text-indent:-1000px; overflow:hidden; }
.block { display:block; }
.iblock { display:inline-block; }

/* align */
.floatL { float:left !important; }
.floatR { float:right !important; }
.floatN { float:none !important; }
.alignC { text-align:center !important;}
.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.clearB { clear:both; }

.hrline { display:block; height:2px; width:100%; margin:30px 0; border:0; background:#ddd; }

/* button */
button { display:inline-block; }
.btnM01 { display:inline-block; width:258px; height:42px; padding:0 10px; background:#328fce; border-radius:2px; font-size:18px; line-height:42px; text-align:center; color:#fff; }
.btnd { display:inline-block; min-width:90px; height:38px; padding:0 15px; background:#328fce; border-radius:2px; font-size:15px; line-height:38px; text-align:center; color:#fff; }
.btndG { background:#777; }
.btns { display:inline-block; min-width:43px; height:25px; padding:5px; border-radius:2px; font-size:13px; }
.btns01 { background:#72ccd2; color:#fff; }
.btns02 { background:#ffb33b; color:#fff; }
.btns03 { background:#5891e1; color:#fff; }
.btns04 { background:#797979; color:#fff; }
.btns05 { background:#328fce; color:#fff; }
.btns06 { background:#257447; color:#fff; }
.btnsView { min-width:43px; height:25px; padding:5px 10px; background:#777; border-radius:12px; font-size:13px; color:#fff; }
.btnsMore01 { display:block; width:100%;min-height:35px; padding:5px 10px; margin-top:20px; border:2px solid #e1e1e1; font-size:14px; line-height:1.3; color:#666; }
.btnE { display:inline-block; height:30px; padding:0 10px; border-radius:2px; font-size:14px; line-height:30px; text-align:center; color:#fff; margin-right: 18px;}

/* Text type */ 
.font11 { font-size:11px; }
.cBlue01 { color:#114dff; }
.textType01 { font-weight:bold; color:#333; font-size:16px; }
.textType01_2 { color:#333; font-size:16px; }
.textType01 strong, .textType01 span { color:#ff7623; }
.textType02 { color:#333; font-size:14px; line-height:1.4; }
.textType03 { color:#114DFF; font-size:14px; line-height:1.4; font-weight:bold; }
.textType04 { color:#333; font-size:14px; line-height:1.4; font-weight:bold; }

/* bul type */
.bul01 { display:inline-block; padding-left:13px; background:url('../images/icon/bul_b_dot.png') no-repeat 0 5px; }
.bulG01 { padding-left:13px; background:url('../images/icon/bul_g_dot.png') no-repeat 0 4px; }

/* Box type */
.boxType01 { padding:20px 15px; border:5px solid #ddd; }

/* search */
.search01 { font-size:13px; color:#333; }
.search01 > div { margin-top:5px; }
.search01 > div:first-child { margin-top:0; }
.search01 label { display:inline-block; min-width:80px; padding-right:10px; }
.search01 .inputWord { display:inline-block; height:30px; border:1px solid #000; border-radius:2px; overflow:hidden; vertical-align:middle; }
.search01 .inputWord input[type="text"] { float:left; height:30px; padding:0 10px; border:0; background:url('../images/icon/icon_search01.png') no-repeat 10px 50%; text-indent:30px; color:#333; }
.search01 .inputWord .btnSearch01 { display:inline-block; float:left; width:80px; height:28px; background:#328fce; border-radius:2px; line-height:30px; color:#fff; } 
.search01 .basictxt, .search01 .basicsel, .search01 .btnd { `height:30px; font-size:13px; }
.search01 .btnd { line-height:32px; }

/* List style */
.list01 {  }
.list01 li { margin-top:15px; }
.list01 li:first-child {margin-top:0; }
 
/* Tab style */
.tab01 {}
.tab01 a { display:inline-block; min-width:165px; height:50px; padding:0 9px; background:#f4f4f4; border:1px solid #ebebeb; font-size:16px; line-height:50px; text-align:center; }
.tab01 a.on { background:#328fce; border:1px solid #328fce; color:#fff; }

/* Table style */
.tableCol01 { position:relative; margin-top:10px; }
.tableCol01 table { width:100%; border-top:2px solid #3993d0; }
.tableCol01 table caption { padding-bottom:10px; font-size:15px; font-weight:bold; text-align:left; }
.tableCol01 thead {}
.tableCol01 thead th { height:30px; background:#f2f2f2; border:1px solid #b6b6b6; border-width:0 0 1px 1px; color:#0060A0; vertical-align:middle; }
.tableCol01 .rowspan th { height:30px; padding:2px 0; }
.tableCol01 th { font-size:13px; }
.tableCol01 td { height:30px; padding:3px; border:1px solid #b6b6b6; border-width:0 0 1px 1px; font-size:13px; text-align:center; line-height:1.4; vertical-align:middle; }
.tableCol01 th:last-child, .tableCol01 td:last-child { border-right:1px solid #b6b6b6 }
.tableCol01 thead tr:nth-child(2n) th, .tableCol01 thead tr:nth-child(3n) th { border-right:0; }
.tableCol01 td.alignL { padding:4px 8px; }
.tableCol01 .tfoot td { background:#eee; border-top:2px solid #3993d0; color:#114dff; }
.tableCol01 .bgtd01 td { background:#eee;}


.tableCol01 .answer { display:none; }
.tableCol01 .answer.open { display:table-row; }
.tableCol01 .answer td { padding:20px; background:#f0f0f0; text-align:left; color:#464646; line-height:1.4; }
.tableCol01 .answer .ti { margin-bottom:5px; font-weight:bold; }

.tableCol01.dataT td { padding:10px; font-size:13px; text-align:left; color:#333; }
.tableCol01.dataT td .bulTxt { position:relative; padding-left:10px; color:#333; }
.tableCol01.dataT td .bulTxt span { position:absolute; top:0; left:0;}
.tableCol01.dataT td .intxt { padding:5px 10px; color:#333; }

.tableCol02 { position:relative; margin-top:10px; }
.tableCol02 table { width:100%; border-top:2px solid #3993d0; }
.tableCol02 thead {}
.tableCol02 thead th{ height:27px; background:#4b9dd4; border:1px solid #b6b6b6; color:#fff; vertical-align:middle; }
.tableCol02 th { font-size:14px; }
.tableCol02 td { height:27px; border-bottom:1px solid #b6b6b6; font-size:13px; text-align:center; line-height:1.3; vertical-align:middle; }
.tableCol02 td.alignL { padding:0 10px; }
.tableCol02.tableCol02_a.layerInScroll { padding:0; }
.tableCol02_a table { border-top:0; }
.tableCol02_a thead { position:fixed; }
.tableCol02_a thead th { text-align:center; }
.tableCol02_a tbody { display:block; padding-top:30px; }

.tableInfo { min-height:30px; margin-bottom:10px; position:relative; }
.tableInfo:after { content:""; display:block; clear:both; }
.tableInfo > p { position:relative; top:10px; }
.tableInfo .tableInfoR { position:absolute; top:0; right:5px; }
.tableInfo .tableInfoR label span { padding-right:10px; position:relative; top:2px; }

.layerpop { position:fixed; top:50%; left:50%; z-index:999; padding:10px; border:2px solid #ebebeb; text-align:left;  }
.layerpop .layti { padding:10px 20px; border-bottom:2px solid #4b9dd4; font-size:25px; font-weight:bold; color:#328fce; }
.layerpop .btnClose { position:absolute; top:15px; right:15px; }
.layerpop .layerInScroll { padding:10px; height:390px; margin-top:20px; overflow-y:scroll;}
.layerpop .links a { display:inline-block; width:30%; margin:0 5px; }
.layerpop .divW { padding:10px; line-height:1.3; }
.layerpop.layer500x500 { width:500px; height:500px; margin-top:-250px; margin-left:-250px; background:#fff; }
.layerpop.layer590x500 { width:590px; height:500px; margin-top:-250px; margin-left:-295px; background:#fff; } 
.layerpop.layer830x500 { width:830px; height:500px; margin-top:-250px; margin-left:-415px; background:#fff; }
.layerpop .boxBlue { padding:5px; background:#eeeff3; }
.layerpop .boxBlue .layerInScroll  { margin-top:0; line-height:2; }
.layerpop .boxBlue a { display:inline-block; width:48%; color:#333; font-size:14px; }
.layerpop .boxBlue a:hover, 
.layerpop .boxBlue a:focus{ color:#328fce;  }

.tableView table { width:100%; line-height:1.4; border-top:2px solid #338fce; }
.tableView th { height:44px; text-align:center; padding:10px 20px; background:#e6edf3; border-bottom:1px solid #817c79; font-size:14px; color:#3a3f43; vertical-align:middle; }
.tableView td { height:44px; text-align:center; padding:10px 20px; border-bottom:1px solid #817c79; font-size:13px; color:#949494; vertical-align:middle; }
.tableView td.noticeTi { font-size:20px; }
.tableView td.tdCont { background:#f9f8f6; font-size:15px; text-align:left; color:#555; vertical-align:top; }
.tableView td.tdCont div { min-height:300px; padding:30px;  }
.tableViewA { margin-top:50px; }
.tableViewA table { border-top:1px solid #817c79; }
.tableViewA table td { text-align:left; }

.tableRow01 table { width:100%; line-height:1.4; }
.tableRow01 th { height:35px; text-align:left; padding:10px 20px; background:#f2f2f2; border:1px solid #b6b6b6; border-width:0 0 1px 1px; font-size:14px; vertical-align:middle; }
.tableRow01 td { height:35px; text-align:left; padding:10px 20px; border:1px solid #b6b6b6; border-width:0 0 1px 1px; font-size:13px; vertical-align:middle; }
.tableRow01 th:last-child, .tableRow01 td:last-child { border-right:1px solid #b6b6b6; }
.tableRow01 tr:first-child th, .tableRow01 tr:first-child td {border-top:1px solid #b6b6b6;}

/* listData */
.listData01 { padding:20px 0; }
.listData01 .listTit { padding:8px 20px; background:url('../images/icon/bul_b_dot.png') no-repeat 7px 50%; border:1px solid #2e76bf; border-width:1px 0; font-size:20px; font-weight:bold; color:#328fce; }
.listData01 .list {  margin-top:25px; border-bottom:1px solid #e1e1e1; }
.listData01 .list .pName { min-height:35px; padding:12px 20px 10px; background:#ebebeb; border-top:1px solid #e1e1e1; font-size:14px; font-weight:bold; color:#464646; }
.listData01 .list > li > ul { font-size:13px; color:#000; }
.listData01 .list > li > ul > li { padding:10px 20px; border-top:1px solid #e1e1e1; }
.listData01 .list > li > ul > li:first-child { border-top:0; }
.listData01 .list > li > ul > li a { float:right; margin-left: 2px; }
.listBtn { margin-top:20px; text-align:center; }

/* stepType */
.stepType01 span { display:inline-block; min-width:90px; height:50px; margin:0 5px; padding:18px 10px; border:1px solid #7f8494; border-radius:2px; font-size:14px; text-align:center; }
.stepType01 span:first-child { margin-left:0 }
.stepType01 span.on { background:#328fce; border:0; color:#fff; }
.topBtn {
	margin-left:10px;position:fixed;top:295px;width:60px;cursor:pointer;
}
/* paging */
.paging { padding:30px 0; text-align:center; }
.paging a { display:inline-block; padding:0 10px; font-size:14px; color:#656565; }
.paging a.btnPage { padding:0 2px; }
.paging a.on, .paging a:hover, .paging a:focus { font-weight:bold; text-decoration:underline; }
.paging a.prev10:hover, .paging a.next10:hover { color:#4b9dd4; }


#summaryContentDiv { height:98px;}

/* 20160819 추가수정 */
.contentWrapNew .w295 {width:295px !important;}
.contentWrapNew .w600 {width:600px !important;}
.contentWrapNew .search01 .noimg input[type="text"] {background:none; text-indent:0; padding:0 5px;}
.contentWrapNew .search01 .btnSearch02 {width:94px; height:30px; background:#328fce; border-radius:2px; line-height:30px; color:#fff; margin-left:10px;}
.contentWrapNew .tableCol01 .tableResult {}
.contentWrapNew .tableCol01 td.alignR {padding:4px 8px;}
.contentWrapNew .tableCol01 td.clr01 {color:#14ba18;}
.contentWrapNew .tableCol01 td.clr02 {color:#ec0a1a;}
.contentWrapNew .tableCol01 td.clr03 {color:#f1b500;}
.contentWrapNew .tableCol01 .tableResult {margin:15px 0 5px; font-size:14px;}
.contentWrapNew .boxType02 {padding:0 48px; border:5px solid #ddd;}
.contentWrapNew .search02 {font-size:13px; color:#000;}
.contentWrapNew .search02:after {content:""; display:block; clear:both;}
.contentWrapNew .search02 > div {float:left; width:50%;}
.contentWrapNew .search02 div.searchRst {padding:15px 0;}
.contentWrapNew .search02 div.searchRst li {background:url(../images/icon/bul_b_dot.png) no-repeat 0 13px; padding-left:10px; line-height:30px;}
.contentWrapNew .search02 div.graph {padding-left:65px;}
.contentWrapNew .tab02 {margin-top:15px;}
.contentWrapNew .tab02 a {display:inline-block; min-width:33%; height:34px; background:#f4f4f4; border:1px solid #ebebeb; font-size:16px; line-height:34px; text-align:center;}
.contentWrapNew .tab02 a.on {background:#318fce; border:1px solid #274c81; color:#fff;}
.contentWrapNew .tab02 a:first-child {width:33.3%;}
.contentWrapNew .boxResult {margin-top:20px;}
.contentWrapNew .boxResult p {font-size:16px; color:#4c4c4c; padding-left:10px;}
.contentWrapNew .boxResult > div {margin-top:10px; background:#f8f8f8; padding:18px 11px 12px; line-height:30px; font-size:15px; color:#555;}
.contentWrapNew .boxResult > div.line01 {border-top:1px solid #39ce82;}
.contentWrapNew .boxResult > div.line02 {border-top:1px solid #f74e4f;}
.contentWrapNew .boxResult > div.line03 {border-top:1px solid #ffc843;}
.contentWrapNew .tab03 {margin-top:15px;}
.contentWrapNew .tab03:after {content:""; clear:both; display:block;}
.contentWrapNew .tab03 li {float:left; width:55px;}
.contentWrapNew .tab03 li a {display:block; height:24px; background:#f2f2f2; border:1px solid #c7c7c7; font-size:14px; line-height:24px; text-align:center; margin-left:-1px;}
.contentWrapNew .tab03 li a.on {background:#318fce; border:0; border:1px solid #274c81; color:#fff; margin-right:1px;}
.contentWrapNew .tab03 li:first-child {width:68px;}
.contentWrapNew .tab0301 li {width:44px;}
.contentWrapNew .tab0301 li:first-child {width:48px;}
.contentWrapNew .tableCol01:after {content:""; display:block; clear:both;}
.contentWrapNew .tableCol01 > div {width:417px;}
.contentWrapNew .tableCol01 .status {border-bottom:1px solid #b6b6b6;}
.contentWrapNew .tableCol01 .status th {padding-left:12px; height:38px; line-height:38px; border-width:0 0 2px 1px;}
.contentWrapNew .tableCol01 .status td {height:38px; padding:6px 0; border-left:0; color:#626262;}
.contentWrapNew .tableCol01 .status th:last-child, 
.contentWrapNew .tableCol01 .status td:last-child {border-right:1px solid #b6b6b6;}
.contentWrapNew .tableCol01 .status td:first-child {border-left:1px solid #b6b6b6;}
.contentWrapNew .tableCol01 .status thead tr:nth-child(2n) th, 
.contentWrapNew .tableCol01 .status thead tr:nth-child(3n) th {border-right:0;}
.contentWrapNew .boxType03 {border:5px solid #ddd;}
.contentWrapNew .boxType03:after {content:""; display:block; clear:both;}
.contentWrapNew .person {float:left; width:257px; border-right:1px solid #e2e8ef; background:#f2f5f8; padding:2px;}
.contentWrapNew .person:after {content:""; display:block; clear:both;}
.contentWrapNew .person img {float:left; padding:6px; border:1px solid #e2e8ef; background:#fff; vertical-align:middle; text-align:center; width:85px; height:110px;}
.contentWrapNew .personName {padding:17px 0 0 116px;}
.contentWrapNew .personName p.lang01 {font-size:20px; font-weight:bold; color:#4d77a0;}
.contentWrapNew .personName p.lang02 {font-size:15px; font-weight:bold; color:#4d77a0; margin-top:10px;}
.contentWrapNew .personInfo {float:left; padding:14px 0 0 17px;}
.contentWrapNew .personInfo dl {overflow:hidden;}
.contentWrapNew .personInfo dt,
.contentWrapNew .personInfo dd {float:left; margin-bottom:5px;}
.contentWrapNew .personInfo dt {clear:both; background:#8d8d8d; width:78px; height:17px; line-height:17px; padding:0 12px 0 8px; color:#fff; font-weight:normal;}
.contentWrapNew .personInfo dd {margin-left:15px; color:#333;}
.contentWrapNew .personInfo a.btnMore {width:154px; height:15px; line-height:13px; display:inline-block; border:1px solid #274c81; background:#328fce; text-align:center; color:#fff; margin-top:15px; vertical-align:middle;}
.contentWrapNew .search03 {font-size:13px; color:#333; margin-top:18px;}
.contentWrapNew .search03 > div {margin-top:5px;}
.contentWrapNew .search03 label {display:inline-block; min-width:214px; padding-right:10px; font-size:16px; color:#444; font-weight:bold;}
.contentWrapNew .search03 .inputWord {display:inline-block; height:30px; border:1px solid #000; border-radius:2px; overflow:hidden; vertical-align:middle; }
.contentWrapNew .search03 .inputWord input[type="text"] { float:left; height:30px; padding:0 5px; border:0;  color:#333; }
.contentWrapNew .search03 .inputWord .btnSearch01 { display:inline-block; float:left; width:80px; height:28px; background:#328fce; border-radius:2px; line-height:30px; color:#fff; } 
.contentWrapNew .search03 .basictxt, .search01 .basicsel, .search01 .btnd {height:30px; font-size:13px; }
.contentWrapNew .search03 .btnd { line-height:32px;}
.contentWrapNew .w413 {width:413px !important;}
.contentWrapNew .w522 {width:522px !important;}