@charset 'utf-8';
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,select,option,button,textarea,input{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;font-size:16px;line-height:1.4;font-family:"Malgun Gothic","맑은 고딕","애플 SD 산돌고딕 Neo","Apple SD Gothic Neo","돋움",Dotum, arial, Sans-serif;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
video,iframe{display:block;}
dl,ul,ol,menu,li{list-style:none;}
body{word-break:keep-all;word-wrap:break-word;}
a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit; cursor:pointer;}
a:active, a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img{vertical-align:middle; border:0;}
/*html,body{width:100%; height:100%;}*/
span,em,b{font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.overflow{overflow-y:hidden;}
/*p,dd{-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -ms-word-break: normal;
    word-break: normal;}*/

input::-webkit-input-placeholder{color:#949dac;}/* 크롬 4–56 */
input::-moz-placeholder {color:#949dac; opacity:1;}/* 파이어폭스 19–50 */
input:-moz-placeholder{color:#949dac; opacity:1;}/* 파이어폭스 4–18 */
input:-ms-input-placeholder{color:#949dac;}/* 인터넷 익스플로러 10+ */
input::placeholder{color:#949dac; opacity:1;}/* 파이어폭스 51+, 크롬 57+ */

textarea::-webkit-textarea-placeholder{color:#949dac;}/* 크롬 4–56 */
textarea::-moz-placeholder {color:#949dac; opacity:1;}/* 파이어폭스 19–50 */
textarea:-moz-placeholder{color:#949dac; opacity:1;}/* 파이어폭스 4–18 */
textarea:-ms-textarea-placeholder{color:#949dac;}/* 인터넷 익스플로러 10+ */
textarea::placeholder{color:#949dac; opacity:1;}/* 파이어폭스 51+, 크롬 57+ */

/*-------------------------------------------
	common 
-------------------------------------------*/
.dis_inb{display:inline-block; color:inherit; font-size:inherit; letter-spacing:inherit; vertical-align:top;}
.u_skip{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:4px;white-space:nowrap}
.hide,.blind{position:absolute; width:1px; height:1px; top:0; left:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption{width:1px; height:1px; top:0; left:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.vtt{vertical-align:middle;}

.ls25{letter-spacing:-0.025em !important;}
.fc01{color:#2196f3 !important;}
.fc02{color:#4caf50 !important;}
.fc03{color:#383838 !important;}
.fc04{color:#354052 !important;}
.fc05{color:#1b1b1b !important;}
.fc06{color:#737373 !important;}
.fc07{color:#737c8c !important;}
.fwn{font-weight:normal !important;}
.ml10{margin-left:10px !important;}
.ml40{margin-left:40px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.mb60{margin-bottom:60px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt0{padding-top:0 !important;}

.tal{text-align:left !important;}

.patop{position:absolute; top:0; right:0;}
.print{float:left; display:block; height:23px; padding-top:14px; padding-left:33px; line-height:22px; color:#354052; background:url('../images/common/icon_print.png') 0 14px no-repeat; font-size:16px; font-weight:normal;}
.del{float:left; display:block; height:23px; padding-top:14px; padding-left:31px; line-height:22px; color:#354052; background:url('../images/common/icon_del.png') 0 14px no-repeat; font-size:16px; font-weight:normal;}
/*---- input ----*/
.intt{display:inline-block; min-width:110px; height:38px; padding:0 20px; border:1px solid #949dac; border-radius:3px; color:#858c98; line-height:35px; font-size:14px; outline:none; background-color:#fff; vertical-align:middle;}
.intt.n2{height:38px;}
.intt.noborder{border-color:#fff; padding-left:0;}
.intt.rb01{float:left; width:calc(100% - 157px);}
.intt.rb02{float:left; width:calc(100% - 267px);}
.intt[disabled=disabled]{border:1px solid #949dac !important; background-color:#f8f8f8 !important; color:#989796 !important;}
.intt[disabled=disabled]::-webkit-input-placeholder{color:#666;}/* 크롬 4–56 */
.intt[disabled=disabled]::-moz-placeholder {color:#666; opacity:1;}/* 파이어폭스 19–50 */
.intt[disabled=disabled]:-moz-placeholder{color:#666; opacity:1;}/* 파이어폭스 4–18 */
.intt[disabled=disabled]:-ms-input-placeholder{color:#666;}/* 인터넷 익스플로러 10+ */
.intt[disabled=disabled]::placeholder{color:#666; opacity:1;}/* 파이어폭스 51+, 크롬 57+ */

/*---- searchbox ----*/
.searchbox .intt{width:168px; vertical-align:middle;}
.searchbox .btninput{vertical-align:middle;}

/*---- radio ----*/
.im_ra input{display:none;}
.im_ra.r01{display:inline-block; height:40px; padding-left:26px; background:url("../images/common/radio.png") no-repeat; line-height:38px; color:#333; cursor:pointer;}
.im_ra.r01.on{background-position:0 -40px;}
.im_ra.r01 span{color:#2a2a2a; font-size:16px; line-height:38px; letter-spacing:-0.025em; font-weight:bold;}
.im_ra.r01.on span{color:#2a2a2a;}
/*.im_ra.r02{display:inline-block; height:26px; padding-left:35px; background:url("../images/common/radio2.png") no-repeat; line-height:23px; color:#333; cursor:pointer;}
.im_ra.r02.on{background-position:0 -26px;}
.im_ra.r02 span{color:#2a2a2a; font-size:16px; line-height:12px; letter-spacing:-0.035em; font-weight:bold;}
*/
/*---- checkbox ----*/
.im_ch.ch01{display:inline-block; height:40px; padding-left:20px; background:url("../images/common/checkbox.png") no-repeat; line-height:38px; color:#333; cursor:pointer;}
.im_ch.ch01.on{background-position:0 -40px;}
.im_ch.ch02{display:inline-block; height:20px; padding-left:31px; background:url("../images/common/checkbox2.png") no-repeat; line-height:18px; color:#333; cursor:pointer;}
.im_ch.ch02.on{background-position:0 -20px;}
/*.im_ch.ch02{display:inline-block; height:40px; padding-left:20px; background:url("../images/checkbox2.png") no-repeat; line-height:38px; color:#333; cursor:pointer;}
.im_ch.ch02.on{background-position:0 -40px;}*/
.im_ch input{display:none;}

/*---- textarea ----*/
.textarea{display:inline-block; width:100%;}
.textarea textarea{display:block; width:calc(100% - 41px); min-height:190px; padding:15px 20px 20px; border:1px solid #949dac; border-radius:3px; overflow-y:scroll; resize:none; outline:none; color:#666;}
.textarea.noborder textarea{border-color:#fff; padding-left:0; min-height:163px; overflow:hidden;}

/*---- file ----*/
.file_input{position:relative;}
.file_input:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.file_input .intt[disabled=disabled]{min-width:360px;}
.file_input input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filarea p{padding-top:16px; letter-spacing:-1px;}
.filarea p span{color:#d99400;}

/*---- selectbox ----*/
.sbHolder{display:inline-block; position:relative; height:38px; min-width:120px; padding-right:32px;/*22px*/ border:1px solid #949dac; vertical-align:top; background-color:#fff; border-radius:3px;}
/*.sbHolder:hover{border:1px solid #888;}*/
.sbSelector{display:block; min-width:52px; height:38px; padding-left:14px; line-height:37px; color:#858c98; font-size:14px; text-align:left;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{text-decoration:none;}
.sbToggle{background:url("../images/common/input_selectbox.png") 7px 50% no-repeat; position:absolute; display:block; right:0; top:0; width:32px; height:38px; outline:none;}
.sbToggleOpen{background:url("../images/common/input_selectbox_on.png") 7px 50% no-repeat;}
.sbHolderDisabled{background-color:#f7f7f7; height:38px; padding-right:22px; border:1px solid #e0e0e0 !important; color:#999 !important; cursor:not-allowed;}
.sbHolderDisabled .sbToggle{height:38px; background:#f7f7f7 url("../images/common/input_selectbox.png") 0 -93px no-repeat; cursor:not-allowed;}
.sbHolderDisabled .sbSelector{height:38px; line-height:29px; color:#999 !important; text-decoration:none !important; cursor:not-allowed;}
.sbHolderDisabled .sbOptions{display:none !important}
.sbOptions{position:absolute; width:100%; top:31px; left:-1px; min-width:96px; background-color:#fff; border:1px solid #949dac; list-style:none; z-index:1; overflow-y:scroll !important; color:#666 !important;}
.sbHolderDisabled .sbOptions a:hover,.sbHolderDisabled .sbOptions a:focus,.sbHolderDisabled .sbOptions a.sbFocus{text-decoration:none !important; color:#666 !important;}
.sbOptions li{padding:0 14px; line-height:1.6; text-align:left;}
.sbOptions a{display:block; outline:none; white-space:pre; font-size:14px; color:#858c98;}
.sbOptions a:link, .sbOptions a:visited{text-decoration:none;}
.sbOptions a:hover,.sbOptions a:focus,.sbOptions a.sbFocus{text-decoration:underline;}
.sbOptions li.last a{border-bottom:none;}
.sbOptions .sbDisabled{display:block; padding:8px 0 8px 0;}
.sbOptions .sbGroup{ display:block; font-weight:bold; padding:8px 0 8px 0;}
.sbOptions .sbSub{padding-left:17px;}

.slcolor01{}
.slcolor01 .sbSelector{color:#293344;}

/*---- datepicker ----*/
.inputbox{position:relative; display:inline-block;}
.inputbox.inicon{padding-right:33px; border-right:0;}
.inputbox .label{position:absolute; right:0; top:0; text-align:left;}
.inputbox .intt{width:90px; min-width:85px; padding:0 10px 0 20px;}
.i_date{display:inline-block; width:40px; height:38px; border:1px solid #949dac; background:#fff url('../images/common/icon_data.png') 50% 50% no-repeat; text-indent:-9999px; overflow:hidden; border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:0;}


/*---- btn ----*/
.btn_box{padding-top:50px;}
.btn_box.tc{text-align:center;}
.btnar{margin-top:-6px;}
.btnar:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.btn{display:inline-block; min-width:62px; height:38px; border:1px solid #2a2a2a; border-radius:3px; font-size:14px; line-height:38px; text-align:center; vertical-align:middle;     box-sizing: content-box; cursor:pointer;}
.btn.b01{width:170px; height:50px; line-height:48px; color:#fff; background-color:#354052; font-size:16px;}
.btn.b02{width:90px; height:38px; line-height:38px; color:#fff; background-color:#354052; font-size:16px;}
.btn.b03{width:90px; height:38px; line-height:38px; color:#fff; background-color:#8f939a; font-size:16px; border-color:#8f939a;}
.btn.b04{color:#fff; background-color:#3c5364;}
.btn.b00{display:block; float:left; height:35px; padding:0 19px; line-height:32px; margin-right:6px; margin-top:6px; border:1px solid #cbd8e2; background:url('../images/common/btn_b03_bg.png') repeat-x;}
.btn.b05{width:110px; height:38px; line-height:38px; color:#fff; background-color:#2196f3; font-size:16px; border-color:#2196f3;}
.btn.b06{width:70px; height:38px; line-height:38px; color:#fff; background-color:#354052; font-size:16px;}
.btn.b07{width:70px; height:38px; line-height:38px; color:#fff; background-color:#8f939a; font-size:16px; border-color:#8f939a;}
.btn.b08{width:70px; height:38px; line-height:38px; border:1px solid #cbd8e2; background:url('../images/common/btn08_bg.png') repeat-x; color:#354052;}
.btn.b09{width:100px; height:40px; border:1px solid #949dac; border-radius:3px; color:#293344; line-height:37px; font-size:14px; outline:none; vertical-align:middle; background-color:#fff;}
.btn.b10{width:170px; height:50px; line-height:48px; color:#fff; background-color:#8f939a; border-color:#8f939a; font-size:16px;}
.btn.b11{position:absolute; top:50px; right:0; width:160px; height:38px; line-height:38px; color:#fff; background-color:#354052; font-size:16px;}
/*---- table ----*/
.table{width:100%; border-collapse:collapse; word-break:keep-all; word-wrap:break-word; table-layout:fixed !important;} /*table-layout:fixed;*/
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}
.table.table_layout01 th{height:55px; border-top:1px solid #cbd8e2; border-bottom:1px solid #cbd8e2; color:#737c8c; font-size:16px; background-color:#fff; font-weight:bold; letter-spacing:-0.025em; vertical-align:middle;}
.table.table_layout01 td{height:59px; border-bottom:1px solid #e5ebf0; color:#737373; font-size:16px; text-align:center; vertical-align:middle; cursor:pointer; background-color:#fff;}
.table.table_layout01 tr:hover td,
.table.table_layout01 tr.active td{background-color:#fbfcfd; }
.table.table_layout01 td .longtext{height:40px; line-height:38px; width:590px; text-align:left !important; padding-left:30px !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.table.table_layout01 td .longtext.w380{width:360px !important;}
.table.table_layout01 td .longtext.w240{width:220px !important;}

.table.table_layout02 th,.table.table_layout02 td{padding:16px 0; border-bottom:1px solid #e5ebf0; color:#737373; font-size:16px; text-align:left; vertical-align:top; cursor:pointer;}
.table.table_layout02 th{font-weight:bold; color:#555f6e;}
.table.table_layout02 .last th,.table.table_layout02 .last td{border-bottom:0;}

.table.table_layout03 th{height:40px; padding:10px 0; text-indent:19px; vertical-align:top; line-height:38px; font-size:16px; color:#354052; font-weight:bold; letter-spacing:-0.025em; text-align:left;}
.table.table_layout03 td{height:40px; padding:10px 0; vertical-align:middle; }
.table.table_layout03 td.vtt{vertical-align:top;}

.table.table_layout04 td{padding:16px 0; border-bottom:1px solid #e5ebf0; color:#737373; font-size:16px; text-align:left; vertical-align:top; cursor:pointer; background:#fff;}
.table.table_layout04 .first td{border-top:1px solid #adbbc1;}

.table.table_layout05 td{height:59px; border-left:1px solid #e5ebf0; border-bottom:1px solid #e5ebf0; color:#293344; font-size:16px; vertical-align:middle; text-align:center; background-color:#fff;}
.table.table_layout05 tr:nth-child(odd) td{background-color:#fbfcfd;}
.table.table_layout05 td span:hover{text-decoration:underline;}
.table.table_layout05 td span.taicon:hover{text-decoration:none;}
.table.table_layout05 td.ftd{border-left:0;}
.table.table_layout05 td.bl{border-left:1px solid #cbd8e2;}
.table.table_layout05 td.bb{border-bottom:1px solid #cbd8e2;}
.table.table_layout05 td.bg{background-color:#fbfcfd;}
.table.table_layout05 td.bg2{background-color:#fff !important;}
.table.table_layout05 .first th,.table.table_layout05 .first td{border-top:1px solid #cbd8e2;}

.table.table_layout06 th{height:40px; padding:10px 0; padding-left:20px; vertical-align:top; line-height:38px; font-size:16px; color:#354052; border-bottom:1px solid #e5ebf0; font-weight:bold; letter-spacing:-0.025em; background-color:#f6f7f9; text-align:left;}
.table.table_layout06 td{height:40px; padding:10px 0; padding-left:20px; vertical-align:middle; background-color:#fff; border-left:1px solid #e5ebf0; border-right:1px solid #e5ebf0; border-bottom:1px solid #e5ebf0;}
.table.table_layout06 .first th,.table.table_layout06 .first td{border-top:1px solid #cbd8e2;}

.table.table_layout07 th{height:55px; border-top:1px solid #cbd8e2; border-bottom:1px solid #cbd8e2; color:#737c8c; font-size:16px; background-color:#fff; font-weight:bold; letter-spacing:-0.025em; vertical-align:middle;}
.table.table_layout07 td{height:59px; border-bottom:1px solid #e5ebf0; color:#737373; font-size:16px; text-align:center; vertical-align:middle; background-color:#fff;}
.table.table_layout07 td .longtext{height:40px; line-height:38px; width:590px; text-align:left !important; padding-left:30px !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.table.table_layout07 td .longtext.w380{width:360px !important;}
.table.table_layout07 td .longtext.w240{width:220px !important;}

.tab{position:relative;}
.tab ul{border-bottom:2px solid #354052;}
.tab ul:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.tab ul li{float:left; margin-right:1px;}
.tab ul li a{display:block; width:205px; height:62px; background-color:#b5bcc9; text-align:center; font-size:21px; line-height:60px; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}
.tab ul li.on a{background-color:#354052; font-weight:bold;}
.tab .exl{position:absolute; top:21px; right:0; height:26px; line-height:24px; padding-left:40px; background:url('../images/common/exl.png') no-repeat; color:#166a3a; font-size:16px; letter-spacing:-0.025em;}

.search_area{padding:20px 0; background:#fff; margin-bottom:30px; border-top:1px solid #cbd8e2;}
.w115 .sbHolder{min-width:115px;}
.w206 .sbHolder{min-width:206px;}
.search_area .sel_area{float:left;}
.search_area .sel_area>li{float:left; height:40px; padding-left:8px; vertical-align:middle;}
.search_area .sel_area>li:first-child{padding-left:0;}
.search_area .sel_area>li img{vertical-align:bottom;}

.btn_re{width:73px; padding-left:47px; height:40px; border:1px solid #949dac; border-radius:3px; color:#293344; line-height:37px; font-size:14px; outline:none; vertical-align:middle; background:#fff url('../images/btn_re.png') 21px 50% no-repeat;}
.btn_big_search{display:block; width:110px; height:100px; background:url('../images/btn_big_search.png') no-repeat; font-size:20px; color:#fff; text-align:center; line-height:95px;}

.taicon{display:inline-block; width:60px; height:26px; font-size:14px; line-height:24px; color:#fff; text-align:center; border-radius:13px;}
.taicon.n01{background-color:#4797d7;}
.taicon.n02{background-color:#005294;}
.taicon.n03{background-color:#354052;}
.taicon.n04{background-color:#737c8c;}
/* paging */
.pagingwap{position:relative;}
.paging{padding:42px 0 0; text-align:center;zoom:1;}
.paging .link_page{display:inline-block;height:28px;color:#b6c0c8;margin:0 15px;font-size:18px;line-height:28px;vertical-align:top; letter-spacing:-0.025em;}
.paging em.link_page{display:inline-block; position:relative;z-index:2; color:#354052;}
.paging .btn_prev,
.paging .btn_next,
.paging .btn_prev_last,
.paging .btn_next_last{display:inline-block; width:28px;height:28px;text-decoration:none; vertical-align:top; overflow:hidden;}
.paging span.btn_prev{margin-right:13px; background:url('../images/common/pg_prev_off.png') 50% no-repeat;}
.paging span.btn_prev_last{margin-right:13px; background:url('../images/common/pg_prev_last_off.png') 50% no-repeat;}
.paging span.btn_next{margin-left:13px; background:url('../images/common/pg_next_off.png') 50% no-repeat;}
.paging span.btn_next_last{margin-left:13px; background:url('../images/common/pg_next_last_off.png') 50% no-repeat;}
.paging a.btn_prev{margin-right:13px; background:url('../images/common/pg_prev_on.png') 50% no-repeat;}
.paging a.btn_prev_last{margin-right:13px; background:url('../images/common/pg_prev_last_on.png') 50% no-repeat;}
.paging a.btn_next{margin-left:13px; background:url('../images/common/pg_next_on.png') 50% no-repeat;}
.paging a.btn_next_last{margin-left:13px; background:url('../images/common/pg_next_last_on.png') 50% no-repeat;}

/*-------------------------------------------
					layout
-------------------------------------------*/
#wrap,#header,#container,#footer{position:relative; width:100%;}
#wrap{margin:auto; min-width:1280px;}
#header{height:76px; background-color:#354052; z-index:81;}
#footer{height:50px; background-color:#cad3db;}
#container{z-index:80;}
.content{position:relative; width:1200px; margin:auto;}
.content:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
#contentArea{position:relative; width:1050px; margin:auto;} /**/

#dim{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:url('../images/common/dim.png');}

/*-- header -------------------------------*/
#header h1{width:100px; line-height:72px; font-size:24px; letter-spacing:-0.075em; color:#fff; font-weight:normal;}
#header .right{position:absolute; right:0; top:0; padding-right:77px;}
#header .right dl{padding-right:10px; text-align:right;}
#header .right dl dt{height:15px; line-height:13px; padding-top:17px; color:#cbd8e2; font-size:14px; letter-spacing:-0.025em;}
#header .right dl dd{height:15px; line-height:13px; padding-top:10px; color:#949dac; font-size:14px; letter-spacing:-0.025em;}
#header .right .btn_logout{display:block; position:absolute; right:0; top:0; width:76px; height:76px; border-left:1px solid #555f6e; background:url('../images/common/btn_logout.png') 50% no-repeat;}
#header .topmenu{position:absolute; top:0; left:50%; height:76px; width:720px; margin-left:-360px;}
#header .topmenu ul{}
#header .topmenu ul li{float:left; position:relative; width:180px; margin-left:-1px; background:url('../images/common/topmenu_line.png') 0 50% no-repeat; z-index:1;}
#header .topmenu ul li:first-child{background:none;}
#header .topmenu ul li a{display:block; width:100px; height:76px; line-height:75px; padding-left:70px; font-size:20px; letter-spacing:-0.075em; color:#fff;}
#header .topmenu ul li:hover,#header .topmenu ul li.on{background:#2196f3; z-index:3;}
/*#header .topmenu ul li:hover a,#header .topmenu ul li.on a{font-weight:bold;}*/
#header .topmenu ul li.n01 a{background:url('../images/common/topmenu_icon01.png') 40px 50% no-repeat;}
#header .topmenu ul li.n02 a{background:url('../images/common/topmenu_icon02.png') 40px 50% no-repeat;}
#header .topmenu ul li.n03 a{background:url('../images/common/topmenu_icon03.png') 40px 50% no-repeat;}
#header .topmenu ul li.n03.not a{background:url('../images/common/topmenu_icon03_2.png') 40px 50% no-repeat; color:#7c838e; cursor:default;}
#header .topmenu ul li.n03.not:hover{background:url('../images/common/topmenu_line.png') 0 50% no-repeat; color:#7c838e; z-index:9;}
#header .topmenu ul li.n03.not:hover a{color:#7c838e;}
#header .topmenu ul li.n04 a{background:url('../images/common/topmenu_icon04.png') 40px 50% no-repeat;}
#header .topmenu ul li.n04.not a{background:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url('../images/common/topmenu_icon04.png') 40px 50% no-repeat; color:#7c838e; cursor:default;}
#header .topmenu ul li.n04.not:hover{background:url('../images/common/topmenu_line.png') 0 50% no-repeat; color:#7c838e; z-index:9;}

/*-- footer -------------------------------*/
#footer h5{display:block; width:130px; height:50px; background:url('../images/common/footer_logo.png') 0 50% no-repeat;}
#footer .copy{position:absolute; top:0; left:162px; height:50px; line-height:47px; font-size:14px; color:#949dac; font-family:"Arial";}


/*-- container -------------------------------*/
#container.sub{padding-top:50px; padding-bottom:100px; min-height:800px; background-color:#edf2f6;}
#container.sub .top_area{margin-bottom:10px;}
/*#container.sub .top_area.t2{padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #cbd8e2;}*/
#container.sub .top_area:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
#container.sub .top_area .title{position:relative; height:40px; line-height:38px; color:#354052; font-size:28px; font-weight:bold; letter-spacing:-0.075em;}
#container.sub .top_area .title.su{font-size:20px;}
#container.sub .top_area .fl{float:left;}
#container.sub .top_area .fr{float:right;}
#container.sub .top_area .plustext{padding-top:17px; font-size:14px; color:#737c8c; letter-spacing:-0.075em;}
#container.sub .top_area .plustext span{display:block; float:left; margin-right:5px;}
#container.sub .top_area .plustext em{display:block; float:left; margin-top:-3px;}

.selectarea.sn2{padding:30px 20px; margin-bottom:30px; background-color:#fff;}
.selectarea:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.selectarea .sel_area{float:left;}
.selectarea .sel_area>li{float:left; height:40px; padding-left:8px; vertical-align:middle;}
.selectarea .sel_area>li:first-child{padding-left:0;}
.selectarea .sel_area>li img{vertical-align:bottom;}
.selectarea .sel_area.s01 .sbHolder{min-width:100px;}
.selectarea .sel_area.s02 .sbHolder{min-width:110px;}
.selectarea .sel_area.s03 .sbHolder{min-width:62px;}
.selectarea .sel_area.s03>li:first-child{padding-left:8px;}
.btns a{display:block; width:140px; height:40px; line-height:38px; text-align:center; border:1px solid #949dac; border-radius:3px; color:#293344; line-height:37px; font-size:14px; outline:none; vertical-align:middle; background-color:#fff;}


.table_area.tb3{background-color:#fff;}
.table_area.tb2{padding:33px 40px; background-color:#fff; border-top:1px solid #cbd8e2;} /**/
.table_area.tb2.n2{padding:0 40px;} /**/
.table_area.tb2.n2 table th,.table_area.tb2.n2 table td{border-bottom:0;}
.table_area.tb2.n2 table th{color:#354052;}
.textbox{line-height:1.6; color:#737373; white-space:pre-wrap;}
.point{width:8px; color:#f2ab14; font-size:16px; letter-spacing:-0.075em; line-height:inherit; vertical-align:middle; display:inline-block; padding-right:10px;}

.onofftable .onoffbtn{border-top:1px solid #cbd8e2;}
.onofftable .onoffbtn:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.onofftable .onoffbtn div{float:right; width:42px; height:21px; background:url('../images/btn_onoff_on.png') no-repeat; cursor:pointer;}
.onofftable.on .onoffbtn div{background:url('../images/btn_onoff_off.png') no-repeat;}
.ovhei{height:330px; overflow-y:scroll; padding-right:20px;}

.va_m{vertical-align:middle !important;}
.va_t{vertical-align:top !important;}
.va_b{vertical-align:bottom !important;}
.nobb td,.nobb th{border-bottom:0 !important;}
/*login*/
.login{height:100%; background:url('../images/common/login_bg.jpg') 50% no-repeat;}
.login .loginlogo{position:absolute; top:62px; left:90px; width:156px; height:18px; background:url('../images/common/login_logo.png') no-repeat;}
.login .logotext{position:absolute; top:60px; left:260px; height:20px; line-height:17px; font-size:20px; color:#8e96a6; font-weight:bold; letter-spacing:-0.075em;}
.login .logincopy{position:absolute; bottom:60px; left:0; width:100%; text-align:center; color:#3a4d6b; font-size:14px; line-height:14px; font-family:"Arial";}
.loginbox{position:absolute; top:50%; left:50%; margin:-300px 0 0 -320px; width:390px; height:360px; padding:110px 125px 130px; background:url('../images/common/loginbox_bg.jpg') no-repeat;}
.loginbox h2{height:40px; text-align:center; color:#fff; font-size:42px; line-height:29px; font-weight:normal; letter-spacing:-0.075em;}
.loginbox ul li.n01{padding-top:60px;}
.loginbox ul li.n02{padding-top:10px;}
.loginbox ul li.n03{padding-top:14px; height:20px;}
.loginbox ul li.n04{padding-top:44px;}
.loginbox ul li .login_intt{height:60px; padding-left:58px; border-bottom:1px solid #384150;}
.loginbox ul li .login_intt.id{background:url('../images/common/login_id.png') 20px 18px no-repeat;}
.loginbox ul li .login_intt.pass{background:url('../images/common/login_pass.png') 20px 15px no-repeat;}
.loginbox ul li .login_intt input{width:100%; height:100%; color:#fff; border:0; outline:none; font-size:18px; color:#949dac; text-align:center;}
.loginbox ul li .btn_login{display:block; width:100%; height:60px; background-color:#2196f3; border-radius:5px; color:#fff; line-height:57px; font-size:22px; font-weight:bold; text-align:center;}
.loginbox ul li.n03:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.loginbox ul li.n03 .fl{float:left;}
.loginbox ul li.n03 .fr{float:right; color:#fff;}
.loginbox ul li.n03 .fl span{color:#fff !important;}
.loginbox ul li.n05{padding-top:47px; height:16px; text-align:center;}
.loginbox ul li.n05 div{display:inline-block; height:16px; color:#2985cf; font-size:14px; line-height:14px; padding-left:28px; background:url('../images/login_icon.png') no-repeat;}


.dashboard{margin-bottom:50px;}
.dashboard:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.dashboard>div{float:left; width:276px; height:276px; margin-left:32px; border-radius:5px;}
.dashboard>div.box01{background-color:#4797d7; margin-left:0;}
.dashboard>div.box02{background-color:#005294;}
.dashboard>div.box03{background-color:#354052;}
.dashboard>div.box04{background-color:#737c8c;}
.dashboard>div dl dt{height:60px; line-height:67px; background:url('../images/dashboard_line.png') 50% 100% no-repeat; background-size:236px 1px; color:#fff; font-weight:bold; font-size:20px; letter-spacing:-0.025em; text-align:left; padding-left:30px;}
.dashboard>div dl dd:after{content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.dashboard>div dl dd.n01{height:138px; line-height:135px; text-align:center; color:#fff; font-size:60px; font-family:tahoma;}
.dashboard>div dl dd.n02{height:16px; padding:0 30px 10px 30px; vertical-align:middle;}
.dashboard>div dl dd.n02 span{float:left; display:block; width:116px; font-size:16px; color:#fff;}
.dashboard>div dl dd.n02 em{float:right; display:block; width:100px; font-size:16px; color:#fff; text-align:right;}
.dashboard>div dl dd.n02 em b{color:#fff; font-weight:normal;}


/*layerpopup*/
.layerpopup{position:fixed; top:20%; left:50%; z-index:0; background-color:#fff; border-radius:3px;}
.layerpopup.n01{width:470px; margin-left:-235px;}
.layerpopup.n02{width:854px; margin-left:-427px;}
.layerpopup .head{position:relative; height:60px; background-color:#354052; border-top-left-radius:3px; border-top-right-radius:3px;}
.layerpopup .head h6{height:60px; line-height:58px; color:#fff; font-size:21px; letter-spacing:-0.05em; font-weight:bold; text-indent:35px;}
.layerpopup .head .exit{position:absolute; top:20px; right:20px; width:21px; height:21px; background:url('../images/common/layer_exit.png') no-repeat; cursor:pointer;}
.layerpopup .body{padding:30px 35px;}
.layerpopup .body .cont .txt01{margin-top:-10px; padding-bottom:25px; font-weight:bold; font-size:16px; letter-spacing:-0.025em; line-height:24px; color:#383838;}
.layerpopup .body .cont .txt02{font-weight:bold; font-size:16px; letter-spacing:-0.025em; line-height:24px; color:#383838;}
.layerpopup .body .cont .txt03{padding-bottom:25px; font-size:14px; letter-spacing:-0.025em; line-height:24px; color:#383838;}
.layerpopup.n01 .body .cont .table.table_layout01 th{color:#383838; background-color:#f6f7f9;}

.layerpopup .body .cont .table_layout02 th{height:50px; background-color:#f6f7f9;}
.layerpopup .body .cont .table_layout02 td{height:50px;}

.layerpopup .body .cont .table_layout04 th{background-color:#f6f7f9; padding-left:20px; vertical-align:middle; border-bottom:1px solid #e5ebf0; text-align:left;}
.layerpopup .body .cont .table_layout04 .first th{border-top:1px solid #adbbc1;}
.layerpopup .body .cont .table_layout04 td{padding-left:20px !important;}
.layerpopup .body .cont .table_layout04 .p5{padding-top:3px; padding-bottom:3px !important; vertical-align:middle;}
.layerpopup .body .cont .table_layout04 .w180{width:180px;}
.layerpopup .body .cont .table_layout04 .w140 .sbHolder{min-width:140px; width:140px;}