@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face { font-family: 'NanumGothic';
src: url('../lib/NanumGothic/NanumGothic.eot');
src: url('../lib/NanumGothic/NanumGothic.eot') format('embedded-opentype'),
url('../lib/NanumGothic/NanumGothic.woff') format('woff');}



body {font-family:'NanumGothic' ,"나눔고딕", "나눔 고딕", "돋움", "dotum"}
.container {width: 1200px;}
.theme-color1 { color: #007cb5; }
.theme-color2 { color: #eee; }

/* inc/common-header.asp */
#header {width:100%; height:135px; 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:34px; border-bottom:1px solid #f0f0f0; padding-top:5px; z-index:1000}
#header .topline-wrap ul li {margin-left:24px}
#header .topline-wrap ul li a, #header .topline-wrap ul li button  {font-size:13px; color:#7a7878}
#header .container {}
#header .gnb-wrap h1 {float:left; margin-top:16px; }
#header .gnb-wrap 


/* gnb */
#gnb { text-align: right;}
#gnb > ul { margin-right: 10px; padding-top:40px;}
/*#gnb > ul > li { display: inline-block; margin-right:80px; position: relative; height:100px;  font-weight:600; font-size:18px; color:#2d5c82}
#gnb > ul > li:last-child {margin-rdight:20px}
#gnb > ul > li > ul { display: none; overflow:hidden; position: absolute; left: 0; top: 62px; font-size: 13px; width: 1000px; height:350px; text-align: center; background: #fafafa; border-top: 3px solid #007cb5; }
#gnb > ul > li > ul > li {float:left}
#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 }

/*#header #gnb {float:right; margin-top:35px}*/
 #gnb > ul.depth-1 > li {padding-left:65px; height:90px; padding-bottom:5px; }
 #gnb > ul.depth-1 > li a {font-weight:600; color:#2d5c82; font-size:18px}
 #gnb ul.list-inline li:first-child {padding-left:0}
.depth-1 li:hover #depth2 { display:block; z-index:1000} 
#depth2 {display:none; width:100%; height:300px; position:absolute; left:0;  top:130px; background:#fff; border-top:1px solid #dfdfdf; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); }
#depth2 .container {width:1200px;margin:0 auto; overflow:hidden; position:relative}
#depth2 .container div.tit-wrap {float:left; width:200px; height:300px;  position:absolute; left:30px; top:0;}
#depth2 .container div.bg01 {background:url("../img/main/2dep-bg01.png") no-repeat center bottom;}
#depth2 .container h3 {float:left;  width:200px; text-align:center; font-size:28px; padding:100px 43px 40px; font-family: "NanumSquare","Dotum","sans-serif","NanumGothic"; color:#333}

#depth2 .container h3.w-long {text-align:center;  font-size:25px}
#depth2 .container h3.ww-long {text-align:center; margin-left:-40px; font-size:25px; width:300px}
#depth2 .container h3.ww-short {text-align:center; padding: 20px 55px 40px}
#depth2 .container span {width:20px; height:100px; text-align:center; display:block; border-bottom:3px solid #6a0404; padding:15px 30px; margin-left:70px}
#depth2 .container ul {float:left; width:1000px; height:300px; padding-left:50px; padding-top:30px; -webkit-transition: all .2s .2s ease-in-out; float:right; clear:both; overflow:hidden}
#depth2 ul li {float:left;width:33.3%}
#depth2 ul li > a {cursor: pointer;display:block; height:48px; margin-left: 40px;  padding-left: 5px; line-height: 49px; font-size: 15px; font-weight: bold; color: #444 !important; font-weight:400 !important;  text-align: left; border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;}
#depth2 ul li > a:hover {background:#4678db; color:#fff !important; font-weight:600 !improtant} 
#depth2 ul li > a.m-long {width:360px}	

/*#depth2 ul li.n-mg-r {margin-right:0}*/
/* 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:397px; background:url("../img/viusal.jpg")no-repeat center}
#visual p{iwidth:1200px; height:397px;  margin:0 auto; }

#content-wrap {height:292px}
#content-wrap .container {overflow:hidden; margin:74px auto}
#content-wrap .container > div {float:left}
#content-wrap .container .icon-wrap {width:665px; height:213px; background:#f6f6f6; border:2px solid #edebeb; padding:52px 40px; margin-right:53px}
#content-wrap .container .icon-wrap dl {float:left; height:117px; border-right:1px solid #e9e8e8; text-align:center; }
#content-wrap .container .icon-wrap dl:nth-child(1) {width:129px; padding-right:44px} 
#content-wrap .container .icon-wrap dl:nth-child(2) {width:164px; padding:0 44px} 
#content-wrap .container .icon-wrap dl:nth-child(3) {width:163px; padding:0 44px} 
#content-wrap .container .icon-wrap dl:nth-child(4) {width:124px; border:none; padding-left:44px} 
#content-wrap .container .icon-wrap dl:nth-child(1) dd {margin-top:18px}
#content-wrap .container .icon-wrap dl:nth-child(2) dd {margin-top:27px}
#content-wrap .container .icon-wrap dl:nth-child(3) dd {margin-top:27px}
#content-wrap .container .icon-wrap dl:nth-child(4) dd {margin-top:25px}
#content-wrap .container .icon-wrap dl dd {font-weight:600; color:#1d6aa2; font-size:16px}

#content-wrap .board-wrap {width:450px; height:210px;}
#content-wrap .board-wrap > div {height:105px; overflow:hidden; }
#content-wrap .board-wrap > div > dl {float:left; margin-top:13px; text-align:center}
#content-wrap .board-wrap > div > dl dd {font-weight:700; color:#1d6aa2; font-size:16px; margin-top:10px}
#content-wrap .board-wrap > div > ul {float:left; overflow:hidden; width:322px; margin-left:25px}
#content-wrap .board-wrap > div > ul li {line-height:1.8; overflow:hidden; }
#content-wrap .board-wrap > div > ul p.text {float:left; text-align:left; font-size:14px; width:242px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#040404; white-space: nowrap; }
#content-wrap .board-wrap > div > ul p.date {text-align:right; font-size:13px; color:#bbb6b6; margin-top:0; padding-top:0; line-height:1.8}
#content-wrap .board-wrap > div.active {border-top:1px solid #f6f6f6; padding-top:10px}

#goal {width:100%; height:401px; background:url("../img/visual2.jpg") no-repeat center}
#goal .container p.text {color:#fff; font-size:25px; font-family:"나눔명조", 'Nanum Myeongjo'; margin-top:103px}
#goal .container .text .fa-quote-left {position:relative; top:-10px; font-size:20px}
#goal .container .text .fa-quote-right {position:relative; top:5px; font-size:20px}
#goal .container p.btn-more {color:#fff; width:150px; height:50px; border:1px solid #fff; text-align:center; line-height:2.2; margin-top:67px}
#goal .container p.btn-more a {font-size:22px}

#photo-wrap {height:411px; margin-top:80px; margin-bottom:77px}
#photo-wrap .container {overflow:hidden; position:relative}
#photo-wrap .container h2 {float:left; font-size:25px; color:#1d6aa2; font-weight:600}
#photo-wrap .container .more {float:right; padding-top:0; margin-top:20px}
#photo-wrap .container .photo-box {width:1115px; height:360px; overflow:hidden; margin-top:50px; position:relative; left:25px}
#photo-wrap .container  .main-photo-list {width:2650px; overflow:hidden; height:306px; position: relative;top:40px; }
#photo-wrap .container  p.btn-prev {left:10px; position:absolute; top:50%; margin-right:15px; z-index:1000}
#photo-wrap .container  p.btn-next {position:absolute; top:50%; right:10px}
#photo-wrap .container .photo-box .main-photo-list dl {float:left; width:265px; height:305px; text-align:center; border:1px solid #f2f2f2; margin-left:15px; box-shadow:3px 3px 5px #e2e1e1}
#photo-wrap .container .photo-box .main-photo-list dl:nth-child(1) {margin-left:0;padding-top:0; margin-top:0;}
#photo-wrap .container .photo-box .main-photo-list dl dt {padding-top:0; margin-top:0; height:174px; margin-bottom:34px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; color:#4c4a4a;  color:#4c4a4a; }

#photo-wrap .container .photo-box .main-photo-list dl dd:last-child {text-align:right !important; font-size:12px; color:#999; margin-top:32px; margin-right:30px}


#footer { background: #4c4c4c; height:262px; color: #fff; font-size: 14px;position: relative; z-index: 0; min-width:1200px;}
#footer .container {text-align:center }
#footer p.logo {margin-top: 43px;}
#footer p.adress { margin-top:40px; font-size:16px;}
#footer p.copy {margin-top:-15px; font-size:15px; color:#888} 
/* inc/modal.asp */
.modal-header { background: #007cb5; color: #fff }
.modal-header .close { color: #fff }

.photo-list {margin-top:70px;}
.photo-list > li {margin-left: 20px; float: left; position: relative; width: 280px; margin-bottom: 60px;}
.photo-list > li:nth-child(1), .photo-list > li:nth-child(4), .photo-list > li:nth-child(7){margin-left:0}
.photo-list > li .img {position: relative; height: 180px; line-height: 180px; box-sizing: border-box; border: 1px solid #eee; text-align: center; overflow: hidden}
.photo-list > li .img img {vertical-align: middle}
.photo-list > li .dim-over {position: absolute; width: 100%; height: 180px; background: rgba(0,0,0, 0.35); top:0; left:0; display: none}
.photo-list > li .dim-over span {position: absolute; top:50%; left:50%; font-size: 40px; color: #fff; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: rgba(0,0,0, 0.65); border-radius: 30px}
.photo-list > li >a:hover .dim-over {display: block;}
.photo-list .tit input[type=checkbox], .photo-list .tit h5 {display: inline-block; vertical-align: middle}
.photo-list .tit h5 {height: 30px; line-height: 30px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px;}
.photo-list > li .over-ut {position: absolute; top:10px; right: 10px; width: 40%; height: 60px; text-align: right}
.photo-list > li .over-ut>a {padding-left: 0.5em; position: relative;}
.photo-list > li .over-ut>a:hover .tooltip {display: block;}
.photo-view-container h3 {font-size: 20px; margin-bottom: 20px;}
.photo-view-container .photo {position: relative; margin-bottom: 15px; text-align: center}
.photo-body {padding: 1em 0.5em; margin-bottom: 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}




/* inc/sub.asp */
#snb ul { width: 220px; list-style: none; padding-left: 0}
#snb ul li.headline { height: 90px; line-height: 90px; background: #2d5c82; color: #fff; text-align: center; font-size: 20px;}
#snb li h3 {cursor:pointer; height: 56px; line-height: 50px; font-size: 16px;  padding-left: 20px; border: 1px solid #ededed; border-bottom:none }
#snb ul.depth1 li:not(.headline) a { display: block; width: 100%; height: 58px; line-height: 50px; font-size: 16px; padding-left: 20px; border: 1px solid #ededed; border-bottom:none; margin-top:-10px }

#snb ul li:not(.headline) a { display: block; width: 100%; height: 58px; line-height: 50px; font-size: 16px; padding-left: 20px; border: 1px solid #ededed; border-bottom:none; }
#snb ul .mg-b {margin-bottom:20px}
#snb ul li:last-child {border-bottom: 1px solid #ededed;}
#snb ul li:not(.headline) a:hover { color: #0d6fb8 }
#snb ul li:not(.headline).active a { color: #0d6fb8; font-weight:500; }
#snb ul li.m-long a {height:65px; line-height:30px !important}
#sub-section { min-height: 500px }


#snb > ul li.on > .depth2 {display:block;}

#snb > ul li .depth2  li a {-webkit-transition: all 0.15s; -moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s; transition: all 0.15s;font-size:14px}



/* 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 }

/* 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: center !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 }

/* 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 }

.rel_site {padding:2rem 0; border-top:1px solid #e7e2e2; border-bottom:1px solid #e7e2e2; margin-bottom:8rem ;}
.rel_site ul {display:flex; justify-content:space-between}