@charset "utf-8";
@import url('base.css');
@import url('custom-common.css?v3');

/* focus navigator */
#skipToContent { z-index:10; top:0; left:50%; margin-left:-500px; width:1000px; position:absolute; background-color:#fff; }
#skipToContent a { display:block; padding:0 10px; height:1px; margin-top:-1px; overflow:hidden; color:#fff; }
#skipToContent a:focus, #skipToContent a:active { height:auto; padding:10px; margin-bottom:0; color:#333; font-weight:bold; }
.hText { position:absolute; width:0; height:0; z-index:-1; overflow:hidden; }


/* alert */
.oldBrowserAlert { position:fixed; top:-50px; left:0; z-index:11; width:100%; height:30px; line-height:30px; text-align:center; background:url('../images/bg_gnb.png') repeat-x 0 0; }
.oldBrowserAlert p * { font-size:14px; color:#fff; }
.oldBrowserAlert p * { display:inline-block; *display:inline; *zoom:1; }
.oldBrowserAlert p strong { margin-right:30px; }
.oldBrowserAlert p a { margin:0 10px; }
.oldBrowserAlert p a:hover { text-decoration:underline; }
.oldBrowserAlert .btClose { margin-left:10px; vertical-align:middle; position:relative; top:-2px; height:20px; line-height:1; font-size:11px; border:1px solid #fff; padding:2px 8px; background-color:#000; cursor:pointer; }
.oldBrowserAlert .btClose:hover { text-decoration:none; }


/* form */
.navy { color:#717ebd; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.comText { padding:4px 10px; height:30px; line-height:20px; border:1px solid #ccc; color:#333; box-sizing:border-box; }
.comNumber { padding:4px 10px; height:30px; line-height:20px; border:1px solid #ccc; color:#333; box-sizing:border-box; text-align: right; }
.comFile { padding:5px 10px; height:30px; }
.comTa { padding:10px; border:1px solid #ccc; color:#555; width:100%; height:160px; box-sizing:border-box; }
.comFile:focus, .comTa:focus, .comText:focus .comNumber:focus { outline:1px solid #96b8ef; }
.wFull { width:100%; height:30px; box-sizing:border-box; }
.w414 { width:414px; *width:370px; }
.w400 { width:400px; *width:378px; }
.w345 { width:345px; *width:323px; }
.w340 { width:340px; *width:318px; }
.w333 { width:333px; *width:300px; }
.w310 { width:310px; *width:288px; }
.w300 { width:300px; *width:278px; }
.w290 { width:290px; *width:268px; }
.w280 { width:280px; *width:258px; }
.w240 { width:240px; *width:218px; }
.w220 { width:220px; *width:198px; }
.w210 { width:210px; *width:188px; }
.w200 { width:200px; *width:178px; }
.w170 { width:170px; *width:148px; }
.w140 { width:140px; *width:118px; }
.w120 { width:120px; *width:98px; }
.w100 { width:100px; *width:78px; }
.w80 { width:80px; *width:58px; }
.w60 { width:60px; *width:48px; }

/* select */
.selectbox { display:inline-block; position:relative; vertical-align:middle; }
.selectbox .txt { position:relative; display:block; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px; padding-right:24px; height:28px; line-height:28px; border:1px solid #ccc; color:#666; background:url('../images/sel_bg.png') no-repeat 100% 50% #fff; }
.selectbox .txt.focus { outline:1px solid #96b8ef; z-index:1; }
.selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; *height:auto; padding:0; border:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; color:#666; background-color:#fff; }



/* login page */
.loginPage { font-size:14px; background-color:#dadcdd; min-width:600px; min-height:500px; overflow:auto; }
.loginPage .wrap { min-width:600px; }
.login { position:fixed; top:50%; left:50%; margin:-230px 0 0 -200px; width:460px; height:387px; background-color:#fff; box-shadow:2px 3px 5px rgba(199,201,202,.8); }
.login .section { padding:50px; text-align:center; position:relative; }
.login .section .tit { padding-bottom:65px; padding-top:15px; color:#666; }
.login .section .tit h1 { color:#333; font-size:30px; font-weight:800; }
.login .fields { width:360px; margin:0 auto; }
.login .fields ul { padding-bottom:10px; }
.login .fields li { padding-top:10px; }
.login .fields li:first-child { padding-top:0; }
.login .fields .comText { width:100%; height:50px; padding:14px 16px; line-height:20px; border:1px solid #999; color:#333; font-size:14px; font-weight:bold; }
.login .btLogin { border:0; border-radius:0; width:100%; height:50px; line-height:50px; color:#fff; font-weight:bold; font-size:20px; background-color:#43464d; cursor:pointer; }


/* common */
body { overflow-y:scroll; }
html, body, .wrap { height:100%; }
h1, h2, h3, h4, h5, h6 { color:#333; }
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.comBg { background-image:url('../images/icons.png'); background-repeat:no-repeat; }
.wrap { min-width:1200px; }
.content { position:relative; }
.container { min-height:100%; margin:-70px 0 -105px; background:url('../images/lnb_bg.jpg') repeat-y 0 0; }
.container .content { padding-top:70px; padding-bottom:105px; }
.container .section { position:relative; padding-bottom:50px; }
.container .section:after { content:""; display:block; clear:both; }
.container .article { padding:0 20px 0 220px; color:#666; }

.link-gubun { padding: 0 20px; color: #cccccc;}
.link-gubun.short { padding: 0 10px; color: #cccccc;}

/* header */
.header { position:relative; z-index:1; height:70px; background-color:#ffffff; }
.header .content { padding-left:260px; }
.header .content h1 { position:absolute; top:0; left:0; width:200px; height:70px; overflow:hidden; background-position:0 0; }
.header .content h1 a { display:block; overflow:hidden; margin-top:8px; text-align:center; }
.header .spot { position:absolute; top:25px; right:20px; }
.header .spot .desc { color:#666; padding-right:6px; }
.header .spot .btLogin { color:#9aa0b3; display:inline-block; padding:0 15px; line-height:24px; font-weight:bold; vertical-align:middle; position:relative; top:-2px; }
.header .spot .btLogin img { margin-left:4px; top:-2px; position:relative; }


/* footer */
.footer { background-color:#dadcdd; height:105px; position:relative; z-index:1; }
.footer .content { text-align:center; color:#5b5c5d; }
.footer .content .comBg { position:absolute; left:37px; top:29px; width:76px; height:42px; overflow:hidden; text-indent:-999px; background-position:-200px 0; }
.footer .content address { padding:35px 0 8px; }
.footer .content .footLink { position:absolute; right:40px; top:34px; }
.footer .content .footLink li { float:left; padding-left:15px; }
.footer .content .footLink li:first-child { padding-left:0; }
.footer .content .footLink .selectbox { min-width:177px; }
.footer .content .footLink .selectbox .txt { padding-left:10px; padding-right:30px; height:28px; line-height:28px; border:1px solid #9b9fa7; background:url('../images/sel_bg2.png') no-repeat 100% 50%; }
.footer .content .footLink .selectbox .txt, .footer .content .footLink .selectbox select { background-color:#5f6166; color:#9b9fa7; }


/* lnb */
.container .aside { width:200px; float:left; background-color:#666666; }
.container .aside .lnb { font-size:16px; }
.container .aside .lnb a { display:block; position:relative; line-height:20px; color:#b5b5b5; transition:color 0.3s; }
.container .aside .lnb > li { border-bottom:1px solid #585858; }
.container .aside .lnb > li > a.on, .container .aside .lnb > li > a.on + .sub { background-color:#333333; border-left-color:#d35400; }
.container .aside .lnb > li > a { padding:10px 10px 10px 42px; border-left:3px solid #5b6072; background:url('../images/lnb_bg.png') no-repeat 20px 22px; }
.container .aside .lnb > li .icon1 { background-position:17px -219px; }
.container .aside .lnb > li .icon2 { background-position:18px -279px; }
.container .aside .lnb > li .icon3 { background-position:18px -339px; }
.container .aside .lnb > li .icon4 { background-position:18px -409px; }
.container .aside .lnb > li .icon1:hover, .container .aside .lnb > li .icon1.on { background-position:18px 21px; }
.container .aside .lnb > li .icon2:hover, .container .aside .lnb > li .icon2.on { background-position:18px -39px; }
.container .aside .lnb > li .icon3:hover, .container .aside .lnb > li .icon3.on { background-position:18px -99px; }
.container .aside .lnb > li .icon4:hover, .container .aside .lnb > li .icon4.on { background-position:18px -169px; }
.container .aside .lnb > li a:hover, .container .aside .lnb > li a.on { color:#fff; font-weight:bold; }
.container .aside .lnb .sub { padding-bottom:10px; border-left:3px solid #5b6072; }
.container .aside .lnb .sub > li a { padding:10px 10px 10px 42px; font-size: 14px; }



/* content */
.subTitle { height:60px; margin:0 -20px 20px; background-color:#f5f5f5; }
.subTitle h2 { padding-left:20px; line-height:60px; font-size:22px; font-weight:bold; color:#222; border-bottom:1px solid #d5d9dc; }
.subTitle .path { position:absolute; top:25px; right:24px; }
.subTitle .path > li { display:inline-block; *display:inline; *zoom:1; }
.subTitle .path > li:before { content:">"; display:inline-block; margin-right:4px; }
.subTitle .path > li:first-child:before { display:none; }
.subTitle .path > li a:hover { text-decoration:underline; }
.subTitle + .tblBtns { padding-top:0; padding-bottom:40px; }
/* */
.listSearch { position:relative; line-height:30px; padding-bottom:15px; }
.listSearch:after { content:""; display:block; clear:both; }
.listSearch .total { float:left; margin-top:2px; color:#000; font-size:13px; }
.listSearch .forms { float:right; }
.listSearch .comText { margin:0 3px; }
.listSearch .btSearch { width:40px; height:30px; background:transparent; border:0; background:url('../images/icons.png') no-repeat 0 -100px; }
.listSearch .selectbox .txt { min-width:100px; text-align:left; }

/* */
.tblBtns { padding:20px 0 20px; overflow:hidden; }
.tblBtns:after { content:""; display:block; clear:both; }
.tblBtns > div { position:relative; z-index:1; }
.tblBtns .btnLeft { float:left; }
.tblBtns .btnRight { float:right; }
.tblBtns .btnCenter { text-align:center; }
.tblBtns a, .tblBtns button, .sbtn { display:inline-block; margin:0 2px; text-align:center; border-radius:3px; font-size:13px; font-weight:bold; border:1px solid #777; background-color:#777; color:#fff; vertical-align:middle; text-decoration:none; }
.tblBtns a, .tblBtns button { line-height:32px; padding:0 9px; min-width:90px; }
.sbtn { padding:0 4px; min-width:48px; line-height:28px; }
.tblBtns .btRed, .sbtn.btRed { background-color:#e72f78; border-color:#e72f78; }
.tblBtns .btNavy, .sbtn.btNavy { background-color:#717ebd; border-color:#717ebd; }
.tblBtns .btGray, .sbtn.btGray { background-color:#ccc; border-color:#ccc; color:#333; }
.tblBtns .btWhite, .sbtn.btWhite { background-color:#fff; border-color:#ccc; color:#333; }
.tblBtns .btGreen, .sbtn.btGreen { background-color:#98bf44; border-color:#98bf44; color:#fff; }
.tblBtns .btYellow, .sbtn.btYellow { background-color:#ffcc22; border-color:#ffcc22; color:#333; }
.tblBtns .btPrimrose, .sbtn.btPrimrose { background-color:#fff096; border-color:#fff096; color:#333; }
.tblBtns .btSky, .sbtn.btSky { background-color:#089bd9; border-color:#089bd9; color:#fff; }
.sbtn:hover, .cbtn:hover, .cbtnM:hover, .cbtnB:hover { text-decoration:none !important; }
.cbtn, .cbtnM, .cbtnB { line-height:26px; border:1px solid #666; color:#666; display:inline-block; margin:0 2px; padding:0 10px; min-width:40px; background-color:#fff; text-align:center; border-radius:3px; font-size:13px; font-weight:bold; vertical-align:middle; text-decoration:none; }
.cbtnM { min-width:50px; }
.cbtnB { min-width:70px; font-size:16px; line-height:28px; }
.cbtn.btRed, .cbtnM.btRed, .cbtnB.btRed { border-color:#e72f78; color:#e72f78; }
.cbtn.btBlue, .cbtnM.btBlue, .cbtnB.btBlue { border-color:#089bd9; color:#089bd9; }

/* */
.pageIndex { text-align:center; padding-top:30px; }
.pageIndex > * { display:inline-block; vertical-align:top; margin:0 2px; min-width:18px; padding:0 4px; height:26px; line-height:26px; background-color:#fff; border:1px solid #e5e5e5; *display:inline; *zoom:1; }
.pageIndex > a.on, .pageIndex > a:hover { border-color:#089bd9; color:#089bd9; }
.pageIndex > * > em { display:block; width:9px; height:9px; margin:9px auto 0; overflow:hidden; text-indent:-999px; background-image:url('../images/icons.png'); background-repeat:no-repeat; *display:inline; *zoom:1; *text-indent:0 }
.pageIndex .first { background-position:-40px -50px; }
.pageIndex .last { background-position:-80px -50px; }
.pageIndex .prev { background-position:-120px -50px; }
.pageIndex .next { background-position:-160px -50px; }

/* */
.comtbl { width:100%; min-width: 1200px; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:2px solid #43464d; border-bottom:1px solid #5e5e5e; }
.comtbl th, .comtbl td { padding:9px 10px; text-align:center; border:1px solid #e5e5e5; }
.comtbl thead th, .comtbl thead td { padding-top:13px; padding-bottom:13px; color:#333; font-size:13px; font-weight:bold; background-color:#f4f5fa; }
.comtbl tbody th, .comtbl tbody td { border-top:1px solid #d8d8d8; line-height:20px;  }
.comtbl tbody tr:first-child th, .comtbl tbody tr:first-child td { border-top:0; }
/*.comtbl tbody tr:hover th, .comtbl tbody tr:hover td { background-color:#fcf9dc; }*/
.comtbl a:hover { text-decoration:underline; }
.nowrap { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lnk { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* */
.bl2Top { border-top:2px solid #4d4d4d; }
.comtblView { width:100%; table-layout:fixed; border-spacing:0; border-top:2px solid #43464d; border-bottom:1px solid #5e5e5e; }
.comtblView th, .comtblView td { padding:12px 10px 13px; line-height:20px; border-top:1px solid #d8d8d8; }
.comtblView th { text-align:left; color:#333; font-size:13px; }
.comtblView tbody tr:first-child th, .comtblView tbody tr:first-child td { border-top:0; }
div.longText { padding:35px 13px; min-height:60px; border-top:1px solid #a0a0a0; border-bottom:1px solid #5e5e5e; line-height:1.6; }
.comtblView .longText { border-top:1px solid #a0a0a0; }
.comtblView .longText .texts { padding:22px 0; min-height:60px; line-height:1.6; }

/* */
.comtblEdit { width:100%; table-layout:fixed; border-spacing:0; border:1px solid #e5e5e5; border-top:2px solid #43464d; }
.comtblEdit th, .comtblEdit td { border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; height:30px; line-height:20px; padding:10px; border-top:1px solid #d8d8d8; }
.comtblEdit th, .comtblEdit .lb { text-align:center; color:#333; font-size:13px; }
.comtblEdit .lb { background-color:#fafafa; }
.comtblEdit tr:first-child > th, .comtblEdit tr:first-child > td { border-top:0; }
.comtblEdit tr > *:first-child { border-left:0; }


/* */
.datepicker { text-align:center; width:140px; padding-right:40px; background-image:url('../images/icon_cal.png'); background-repeat:no-repeat; background-position:100% 50%; }
.btCals { position:relative; vertical-align:middle; margin:0 3px; display:inline-block; width:34px; height:30px; background:url('../images/icons.png') no-repeat -50px -100px; cursor:pointer; }
.btCals em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
.files > li { padding-top:10px; line-height:20px; padding-left:110px; position:relative; }
.files > li label { position:absolute; left:0; margin-top:-1px; }
.files > li label em { display:inline-block; min-width:94px; white-space:nowrap; }
.files > li input { width:100%; max-width:100%; display:block; }
.files > li:first-child { padding-top:0; }
.files .file { white-space:normal; word-break:break-all; }
.files .btRemove { display:inline-block; vertical-align:middle; margin-left:6px; top:-1px; width:12px; height:12px; position:relative; background:url('../images/del_s.png') no-repeat 50% 50%; box-shadow:0 0 1px rgba(0,0,0,.4) }
.files .btRemove em { position:absolute; width:0; height:0; overflow:hidden; }
.editorForm .textEditor { position:relative; border:1px solid #ccc; }


/* */
.listTitle { padding-bottom:18px; font-size:16px; font-weight:bold; color:#333; }
.listTitle > li { display:inline-block; *display:inline; *zoom:1; }
.listTitle > li:before { content:">"; display:inline-block; margin:0 8px 0 4px; }
.listTitle > li:first-child:before { content:"•"; margin:0; }


/* */
.popup { position:absolute; z-index:10; display:none; background-color: white; }
.pSection { max-width:800px; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); }
.pSection .pHead { padding:10px 70px 10px 20px; height:30px; background-color:#f5f5f5; border-bottom:1px solid #d5d9dc; }
.pSection .pHead .tit { line-height:30px; color:#333; font-size:16px; }
.pSection .pHead .btClose { position:absolute; width:30px; height:30px; right:20px; top:10px; background:url('../images/pop_close.png') no-repeat 50% 50%; }
.pSection .pHead .btClose em { width:0; height:0; overflow:hidden; display:block; }
.pSection .content { padding:40px; }



.listSelect { padding:20px; text-align:center; position:relative; margin-bottom:20px; border:1px solid #ddd; background-color:#eee }
.listSelect .lb { font-size:14px; color:#333; display:inline-block; margin-right:20px; line-height:30px; vertical-align:middle; }
.listSelect .selectbox { width:600px; }
.listSelect .selectbox .txt { border-color:#089bd9; color:#089bd9; font-weight:bold; }


/* forms */
.section .ftit { padding:35px 0 20px; font-size:20px; color:#1d1d1b; }
.section .ftit em { font-size:14px; color:#555; font-weight:normal; margin-left:10px; position:relative; top:-2px; }
.section .ftit:first-child { padding-top:0; margin-top:-5px; }
.section .fields .ftit, .section .academic .ftit { padding-top:35px; margin-top:0; }
.section .sft { color:#1d1d1b; font-size:16px; font-weight:bold; padding:35px 0 20px; }
.forms .btns { padding-top:40px; }
.forms .taText { line-height:1.8; border: 1px solid #ccc; padding:10px; }
.tbForm { table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #43464d; }
.tbForm th, .tbForm td { border-bottom:1px solid #e4e4e4; padding:10px; line-height:20px; }
.tbForm .lb { text-align:left; font-size:1.05em; color:#1d1d1b; font-weight:bold; }
.tbForm th.lb, .tbForm td.lb { padding-left:30px; vertical-align:top; background-color:#f5f5f5; }
.tbForm th.vmid, .tbForm td.vmid { vertical-align:middle; }
.tbForm tbody tr > .lb:first-child {  }
.tbForm .lb b { color:#e72f78; font-size:14px; }
.tbForm .hx { color:#999; font-size:12px; }
.terms { padding-bottom:40px; }
.terms .sft { padding-top:0; }
.terms .termText { position:relative; line-height:1.8; padding:30px; max-height:160px; overflow-y:auto; border:1px solid #e4e4e4; margin-bottom:10px; }
.forms .fields { position:relative; min-height:74px; }
.section .fields .ftit, .section .academic .ftit { padding-top:35px; margin-top:0; }
.section .fields .tbForms { border-top:2px solid #43464d; }
.section .fields .tbForms .tbForm { border-top:1px solid #e4e4e4; }
.section .fields .tbForms > li:first-child .tbForm { border-top:0; }
.section .fields .ta .comTa { height:170px; *height:150px; }
.section .tbForms > li { margin-top:20px; position:relative; }
.section .tbForms > li:first-child { margin-top:0; }
.section .tbForms > li:first-child  .btRemove { display:none; }
.section .academic .ftit + .fields { border-top:2px solid #43464d; }
.section .academic .tbForms { border-top:0; }
.section .academic .tbForms .tbForm { border-top:1px solid #e4e4e4 !important; }
.section .defaultInformation { position:relative; padding-left:200px; }
.section .defaultInformation > li { margin-top:0; }
.section .fields .defaultInformation .tbForm { border-top:0; }
.section .defaultInformation .picture { position:absolute; width:200px; bottom:0; top:0; left:0; border-bottom:1px solid #e4e4e4; text-align:center; }
.section .defaultInformation .picture:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.defaultInformation .imgs { display:inline-block; vertical-align:middle; max-width:180px; position:relative; background:url('../images/transparent.png') repeat 0 0; *padding-top:80px; *display:block; }
.defaultInformation .imgs .img { display:block; position:relative; margin:0 auto; }
.defaultInformation .imgs .img span { display:block; width:100px; height:120px; margin:0 auto; background:url('../images/noImg.jpg') repeat 0 0; }
.defaultInformation .imgs .img span img { width:100% !important; height:100% !important; }
.defaultInformation .imgs em { padding-top:15px; display:block; color:#999; font-size:12px; white-space:nowrap; }
.defaultInformation .imgs .status { position:absolute; bottom:-25%; right:-25%; z-index:1; }
.defaultInformation .hidFile { position:absolute; z-index:-1; opacity:0; filter:alpha(opacity=0); top:5px; left:5px; width:0; height:0; overflow:hidden; *top:auto; *left:auto; *z-index:0; *position:static; *width:97%; *height:28px; *line-height:28px; *padding:0 10px; *border:1px solid #cacaca; *filter:alpha(opacity=100); *margin-top:10px; }
.addr > li { margin-top:10px; white-space:nowrap; }
.addr > li:first-child { margin-top:0; }
.abtn { display:inline-block; *display:inline; *zoom:1; width:120px; height:30px; line-height:30px; height:30px; text-align:center; border:0; background-color:#089bd9; color:#fff; font-weight:bold; vertical-align:middle; border-radius:3px; }
.section .tbForms .terms:first-child { margin-top:35px; }

ul.fileList li img { margin:10px 0; }
ul.fileList li a { border-color:#e72f78; color:#e72f78; }
label {margin-right:15px; cursor:pointer;}
label input[type='radio'] {margin-right:5px; cursor:pointer;}