@charset "utf-8";
body {font-family: 'NotoSans KR', '나눔고딕', sans-serif; font-weight: 400}
.container { width: 1100px; }
.theme-color1 { color: #007cb5; }
.theme-color2 { color: #eee; }

/* inc/common-header.asp */
#header {width:100%; height:150px; position: fixed; width: 100%; z-index: 1000; background:#fff; box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.7)}
#header .topline-wrap {width:100%; height:36px; border-bottom:1px solid #e0dede; padding-top:7px}
#header .topline-wrap ul li {margin-left:28px}
#header .topline-wrap ul li a, #header .topline-wrap ul li button  {font-size:11px; color:#7a7878}
#header .container {}
#header .gnb-wrap h1 {float:left; margin-top:35px;}
#header .gnb-wrap


/* gnb */
#gnb { text-align: right;}
#gnb > ul { margin-right: -20px; padding-top:30px;}
#gnb > ul > li { display: inline-block; padding: 20px 20px 28px; position: relative; height:100px;  font-weight:600;}
#gnb > ul > li > ul { display: none; position: absolute; left: 0; top: 82px; font-size: 13px; width: 160px; text-align: center; background: #fafafa; border-top: 3px solid #007cb5; }
#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: #007cb5; 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: #007cb5; }
#gnb > ul > li:hover > ul { display: block; color: #666; }
#gnb > ul > li:hover > ul > li:hover { color: #007cb5; }

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

/* index.asp */
#visual {width:100%; height:417px; background:url("../img/visual-bg.jpg") no-repeat left center; min-width:1100px}
#visual p.container {margin-top:45px}

#icon-wrap {width:100%; height:228px; background:#007cb5; min-width:1100px}
#icon-wrap .container {height:228px; background:#fff; overflow:hidden}
#icon-wrap .container dl {float:left; width:263px; height:166px; border-right:1px solid #d9d9d9; margin:32px 0; text-align:center}
#icon-wrap .container dl:last-child {border:none}
#icon-wrap .container dt {margin-top:15px}
#icon-wrap .container dl:nth-child(1) dt {margin-top:20px}
#icon-wrap .container dl:nth-child(2) dt {margin-top:25px}
#icon-wrap .container dd {font-size:16px; color:#282828; text-align:center; margin-top:30px; font-weight:600}
#icon-wrap .container dl:nth-child(2) dd {margin-top:35px}
#icon-wrap .container dd a:hover {color:#007cb5}

#wrapper {width:100%; height:660px; min-width:1100px; background:#f7f7f7}
#wrapper .container {padding-top:110px; overflow:hidden; }
#wrapper .notice {float:left; width:563px; height:433px}
#wrapper h2 {float:left; font-size:25px; color:#007cb5; font-weight:600}
#wrapper .notice p.btn-more {text-align:right}
#wrapper .notice ul {clear:both; margin-top:43px; text-align:left}
#wrapper .notice ul li {width:540px; border-bottom:1px solid #d9d9d9; height:70px; padding:20px 12px; padding-bottom:30}
#wrapper .notice ul li p.text {float:right; width:452px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size:15px; color:#777; padding-top:3px}
#wrapper .notice ul li p.date {float:left; color:#1084b9; font-size:18px; font-weight:600; }

#wrapper .notice ul li.new {overflow:hidden; height:130px;}
#wrapper .notice ul li.new p.text {float:left; text-align:left; width:530px; overflow:hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box;
								-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; font-size:20px; color:#040404}
#wrapper .notice ul li.new p.date {text-align:left; font-size:15px; color:#999; padding-top:5px}

#wrapper .guide_box {float:right; width:456px; height:433px; background:#fff; padding-bottom:118px; overflow:hidden}
#wrapper .guide_box h2 {padding-left:30px }
#wrapper .guide_box .row1 {width:406px; height:191px; overflow:hidden; border-bottom:1px solid #e1e1e1; padding:20px 5px 0; margin-top:20px; margin-left:20px}
#wrapper .guide_box div.member {float:left; width:196px; height:146px;}
#wrapper .guide_box div.member h3 {font-size:14px; width:77px; border-bottom:1px solid #66b0d3; color:#333; padding-bottom:2px; text-align:center; margin-left:58px}
#wrapper .guide_box div.fee1 {float:left; border-right:1px solid #e2e2e2; background:url("../img/bg-card.jpg") no-repeat 15px 80px; text-align:center}
#wrapper .guide_box div.fee1 p {padding-top:30px; padding-left:70px; font-weight:600; color:#333; font-size:20px}
#wrapper .guide_box div.fee2 {float:left}
#wrapper .guide_box div.fee2 ul {margin-left:30px; }
#wrapper .guide_box div.fee2 ul li {color:#333; font-size:16px;}
#wrapper .guide_box div.fee2 ul li .grade {color:#007cb5;}
#wrapper .guide_box div.fee2 ul li span.fee {text-align:right}
#wrapper .guide_box .row2 {width:376px; height:126px;  margin:80px 30px 0}
#wrapper .guide_box .row2 p.img {text-align:left; width:60px; margin-top:70px; padding-left:10px}
#wrapper .guide_box .row2 p.account {text-align:right;  font-size:25px; color:#222; font-weight:600;  line-height:1; margin-top:-35px}
#wrapper .guide_box .row2 p.account span {font-size:15px; font-weight:normal; color:#636363;}
#wrapper .guide_box .row2 p.guide-text {font-size:12px; color:#888; text-align:right; margin-top:15px}
#wrapper .guide_box .row2 p.guide-text span {color:#347b93}

#footer { background: #4c4c4c; height:148px; color: #fff; font-size: 14px;position: relative; z-index: 0; min-width:1100px; }
#footer p.logo {float:left;width:283px; padding-top: 74px;}
#footer p.adress {text-align:right; padding-top:40px}
/* inc/modal.asp */
.modal-header { background: #007cb5; color: #fff }
.modal-header .close { color: #fff }

/* inc/sub.asp */
#snb { margin-right: 10px; color: #fff }
#snb .heading { height: 80px; background-color: #007cb5; 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: 20px; color: #fff }
#snb li { background: #fafafa; margin-bottom: 1px; color: #888 }
#snb li a {	display: block;	padding: 0 15px; line-height: 40px }
#snb li:hover:not(:first-child) { background: #aea9a9; color: #222 }
#snb .active { background: #aea9a9; color: #222 }

#sub-section { min-height: 500px }

/* inc/sub01-01.asp */
.intro-box { padding: 30px;  }
.intro-box p.img {width:191px; height:368px; background: url("../img/img-greeting1.jpg") no-repeat left center; float:left; margin-top:0px; margin-right:50px; margin-bottom:50px}
.intro-box .by { text-align: right; margin:-30px; padding: 110px 30px 30px; height: 200px; }
.intro-box .by span { font-size: 20px }
.intro-box p.img2 {width:150px; height:195px; float:left; margin-top:0px; margin-right:25px; margin-bottom:25px}

/* inc/sub01-02.asp */
.table-name-list th { background: #eee !important; text-align: right }
.table-name-list th, .table-name-list td { padding: 10px 15px !important; vertical-align: top !important; line-height: 2 !important }
.table-name-list .chairman td { background: #fafafa !important }

/* inc/sub01-03.asp */
.table-of-contents.affix { top: 5px }
.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; 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 }
.rule-box h3 { margin: 30px 0; background: #fafafa; padding: 10px; border-radius: 10px; border: 1px solid #eee; text-align: center }
.rule-box h4 { margin-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #eee }

/* inc/sub02-03.asp */
.table-judge-result td { text-align: center; vertical-align: middle !important }
.temp .font_btn   {background:#fff;  border:1px solid #007cb5}
.temp .font_btn a {color:#000 !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 }
.paragraph p { line-height: 2 }
.paragraph li { line-height: 2 }

.view-table .table th { 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 .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 }