@charset "utf-8";
.container { width: 1000px; }
.theme-color1 { color: #c21322; }
.theme-color2 { color: #eee; }

/* inc/common-header.asp */
.topline { height: 30px; line-height: 30px; font-size: 12px; color: #999 }
.topline ul li:before { content: "|"; color: #eee; margin-right: 5px; }
.topline ul li:first-child:before { content: ""; }
#header { height: 100px; box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75); background: #fff; position: fixed; width: 100%; z-index: 1000 }
#header .logo { margin-top: -15px; }
/* gnb */
#gnb { text-align: right }
#gnb > ul { margin-right: -20px }
#gnb > ul > li { display: inline-block; padding: 20px 20px 28px; position: relative }
#gnb > ul > li > ul { display: none; position: absolute; left: 0; top: 70px; font-size: 13px; width: 160px; text-align: center; background: #fafafa; border-top: 3px solid #c21322; }
#gnb > ul > li > ul:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; top: 0; left: 73px; border-top-color: #c21322; border-width: 7px; }
#gnb > ul > li > ul > li > a { display:block; padding: 15px 10px; border-bottom: 1px solid #eee }
#gnb > ul > li > ul > li > a:hover { background: #eee }
/* gnb hover*/
#gnb > ul > li:hover { color: #c21322; }
#gnb > ul > li:hover > ul { display: block; color: #666; }
#gnb > ul > li:hover > ul > li:hover { color: #c21322; }

#box-sticky { height: 100px }
#sub-banner { height: 240px; margin-bottom: 20px; border-bottom: 10px solid #eee; background: url(../img/bg_main_banner.png) no-repeat; background-position: center }
@media (min-width: 1000px) {
    #sub-banner { background-attachment: fixed; background-position: top }
}

/* index.asp */
#bnr-main { min-height: 300px; margin: 0 0 50px; background-image: url("../img/bnr-main.jpg"); background-position: center; border-bottom: 3px solid #c21322 }
#wrap-main .pnl-notice .nav-notice { height: 50px }
#wrap-main .pnl-notice .nav-notice li { display: inline-block; width: 120px; line-height: 50px; text-align: center; border-right: 1px solid #eee; border-top: 1px solid #eee;cursor: pointer }
#wrap-main .pnl-notice .nav-notice li:first-child { border-left: 1px solid #eee; }
#wrap-main .pnl-notice .nav-notice li:not(:first-child) { margin-left: -3px }
#wrap-main .pnl-notice .nav-notice li:not(.active) { color: #999 }
#wrap-main .pnl-notice .nav-notice li.active { background: #fafafa }
#wrap-main .pnl-notice .nav-notice li:hover:not(.active) { color: #333 }
#wrap-main .pnl-notice .cnt-notice { background: #fafafa; padding: 20px 30px; height: 230px; border: 1px solid #eee }
#wrap-main .pnl-notice .cnt-notice li { line-height: 30px; display: inline-block; }
#wrap-main .pnl-notice .cnt-notice li:before { content: "\f105"; display: inline-block; width: 1em; line-height: 30px }
#wrap-main .pnl-notice .cnt-notice li a { display: inline-block }
#wrap-main .pnl-notice .cnt-notice li a:hover { color: #c21322 }
#wrap-main .pnl-notice .cnt-notice li:hover:before { color: #c21322 }
#wrap-main .pnl-notice .cnt-notice li span:first-child { display: inline-block; line-height: 30px; width: 20em; letter-spacing: -1px; margin-right: calc(1em - 2px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom }
#wrap-main .pnl-notice .cnt-notice li span:last-child { display: inline-block; line-height: 30px; letter-spacing: -1px; font-size: 13px }
#wrap-main .pnl-quick img { margin-bottom: 30px }
#wrap-main .slick-relsite img { margin: 0 10px; border: 1px solid #eee }
#wrap-main .slick-relsite .slick-next, #wrap-main .slick-relsite .slick-prev { height: 50px; width: 30px; border: 1px solid #eee }
#wrap-main .slick-relsite .slick-next { right: 0 }
#wrap-main .slick-relsite .slick-next:before { content: "\f105"; font-family: fontawesome; color: #999 }
#wrap-main .slick-relsite .slick-prev { left: 0 }
#wrap-main .slick-relsite .slick-prev:before { content: "\f104"; font-family: fontawesome; color: #999 }
#wrap-main .slick-relsite .slick-list { margin: 0 41px }
#wrap-main-eng .pnl-quick img { margin-bottom: 30px }
#wrap-main-eng .pnl-main-intro p { margin-bottom: 1em }

/* inc/common-footer.asp */
#footer { background: #eee; color: #aaa; margin-top: 50px; font-size: 13px; padding: 40px 0 20px }
#footer .heading { border-bottom: 1px solid #ccc; margin-bottom: 20px }
#footer .btn-privacy { color: #c21322 }
#footer #privacy-modal .paragraph { color: #333; text-align: justify }
#footer #privacy-modal .paragraph ol { padding-left: 20px }

/* inc/modal.asp */
.modal-header { background: #c21322; color: #fff }
.modal-header .close { color: #fff }
#modal-sitemap .sitemap p { padding: 3px 10px; color: #fff; background: #04f; font-size: 16px}
#modal-sitemap .sitemap ul { padding: 5px 15px 10px; font-size: 15px }

/* inc/sub.asp */
#snb { margin-right: 10px; color: #fff }
#snb .heading { height: 80px; background-color: #c21322; padding: 15px; border-radius: 5px 5px 0 0 }
#snb .heading p:first-child { font-size: 12px; text-align: right; color: rgba(255,255,255,.5); line-height: 20px }
#snb .heading p:last-child { line-height: 30px; font-size: 19px; color: #fff }
#snb li { background: #fafafa; margin-bottom: 1px; color: #888 }
#snb li a {	display: block;	padding: 0 15px; line-height: 40px; font-size: 13px }
#snb li:hover:not(:first-child) { background: #eee; color: #333 }
#snb .active { background: #eee; color: #333 }
#snb.affix { width: 210px; top: 130px }
#sub-section { min-height: 700px }

/* inc/sub01-01.asp */
.box-intro .signature { margin-top: 30px; }
.box-intro p { margin-bottom: 1em }

/* inc/sub01-02.asp */
.box-goal { text-align: center }


/* inc/sub01-03.asp */
.table-of-contents.affix { top: 420px }
.table-of-contents { margin-top: 30px; border: 1px solid #eee; border-radius: 5px; width: 207px }
.table-of-contents .heading { background-color: #fafafa; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #eee; font-size: 16px }
.table-of-contents li a { display: block; padding: 0 15px; font-size: 13px; line-height: 30px; color: #06c }
.table-of-contents li a:hover { background: #eee }
.table-of-contents li:last-child a { background: #fafafa; border-top: 1px solid #eee; line-height: 40px }
.box-rule .tab-nav-rule button { display: block; text-align: center; width: 100%; height: 40px; background: #fafafa; border: 1px solid #eee }
.box-rule .tab-nav-rule button:hover { background: #eee; }
.box-rule .tab-nav-rule button.active { background: #c21322; color: #fff }
.box-rule h3 { margin: 30px 0; background: #fafafa; padding: 10px; border-radius: 10px; border: 1px solid #eee; text-align: center }
.box-rule h4 { margin-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #eee; color: #333 }
.box-rule ol li { font-size: 13px }
.box-rule .paragraph:not(#tab-rule-1) { display: none }
.box-rule .text-right.pull-right { font-size: 13px; margin-top: 50px; color: #333 }

/* inc/sub01-04.asp */
.box-list .table td:first-child:not(:last-child) { background: #eee; color: #333 }
.box-list .table td[colspan="2"] { background: #eee; color: #333 }
.box-list .table tr:last-child td { background: #fff}

/* inc/sub03-01.asp */

/* inc/sub02-03.asp */
.table-judge-result td { text-align: center; vertical-align: middle !important }

/* inc/sub04-02.asp */
.table-cost thead tr { background: #eee }
.table-cost tbody tr td:first-child { background: #fafafa }

/* 이전학회 스타일 */
/* //index.asp */
#main-section .container > div { height: 240px; padding: 0 }
#main-section .quick-menu > .col-xs-6 { height: 120px; padding: 0 }
#main-section .quick-menu .d1 { border: 1px solid #eee }
#main-section .quick-menu .d2 { border-top: 1px solid #eee; border-bottom: 1px solid #eee }
#main-section .quick-menu .d3 { border-left: 1px solid #eee; border-right: 1px solid #eee;	border-bottom: 1px solid #eee }
#main-section .quick-menu .d4 { border-bottom: 1px solid #eee }

#main-section .guide { border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee }
#main-section .guide > div { padding: 10px }
#main-section .guide .heading { height: 40px; line-height: 40px; padding-left: 1em; font-size: 16px; background-color: #1e325a; color: #fff }
#main-section .guide .line { padding-bottom: .5em }
#main-section .guide .dl-horizontal dt { width: 4.5em; padding-right: .5em }
#main-section .guide .dl-horizontal dd { margin-left: 4.5em }
#main-section .guide .guide-btn { border-radius: 1px;	background: #5a8232; color: #fff; padding: 5px 50px }

/* //html/sub00_00.asp */
.table-auto-row-nums { counter-reset: rowNumber }
.table-auto-row-nums tbody tr { counter-increment: rowNumber }
.table-auto-row-nums tbody tr td:first-child::before { content: counter(rowNumber) }
.click-row { cursor: pointer }
.heading-process { background: #1e325a; color: #fff; font-size: 16px; text-align: center }
.heading-process-info {	background: #8b92b5; color: #fff; font-size: 16px; text-align: center }
.list-table tr td:first-child {	text-align: right; font-weight: 700 }
.case-table { text-align: center; counter-reset: rowNumber }
.case-table thead th { text-align: center; vertical-align: middle }
.case-table tbody tr { counter-increment: rowNumber }
.case-table tbody tr td:first-child::before { content: counter(rowNumber) }
.case-table tbody tr:first-child td:last-child { text-align: left; vertical-align: middle }
.type-table { text-align: center }
.type-table thead tr th { text-align: center; vertical-align: middle }

.view-table { font-size: 13px }
.view-table .table th { font-size: 13px; background: #eee !important }
.file-link { }
.file-link:hover { color: #09f; border-color: #09f }
.judge-table .form-control { padding: 0 5px; border-radius: 1px; height: auto }
.final-judge label { line-height: 22px; margin: 0 10px 0 0 }
.final-judge input { vertical-align: top !important; margin-right: 2px }
.write-table { font-size: 13px }
.write-table .table th { background: #eee !important }
.write-table label { line-height: 22px; margin: 0 10px 0 0 }
.write-table input { vertical-align: top !important; margin-right: 2px }
.write-table strong { line-height: 24px }
.write-table .form-control { padding: 1px 5px; border-radius: 1px; height: auto; display: inline-block; width: 200px }
.hint { margin: 2px 0 0; color: #666; letter-spacing: 1px }
.warning { color: #f40 !important }
.list-table { font-size: 13px }
.link-comment i { margin-left: 5px }

.gubun-h {padding: 0 0.4em}