@import url(//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
* {font-family: 'Noto Sans Korean'; color:#666666; font-weight:350;} /*100 300 350 500 700 900 00aeef*/
body,p,h1,h2,h3,h4,h5,div,ul, li {margin:0; padding:0;}
/*
ul, li{list-style:none; margin:0; padding:0;}
*/

table, tr, td {margin:0; padding:0;}
table {width:100%; border-top:1px solid #000000; margin-top:30px;}
td,th {height:50px; border-bottom:1px solid #e6e6e6; text-align:center;}
th {color:#000000; font-weight:700}




.joinbox {margin-top:30px; text-align:center;}
.joinbox span {color:#000000; border-bottom:1px solid #000000; margin-left:10px; margin-right:10px;}

.pcinput {width:80% !important}
.popup {position:absolute; top:100px; left:50%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:800px; margin-left:-400px;}
.popup img {max-width:100%; display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:20px;}
.popup img:first-child {margin-top:0px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup section button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup section button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup section button:nth-child(1) {right:70px}
.popup section button:nth-child(2) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}

.menubox {display:none;}
.toggle-sidebar {display:none;}

img {border:0px;}

.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:1100px; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px;}
.pagenum b {color:#00529b;}
.pagenum i {line-height:40px;}

input[type=text],input[type=password] {-webkit-appearance: none;-webkit-border-radius: 0;}
textarea {-webkit-appearance: none;-webkit-border-radius: 0;}


button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}

a {text-decoration:none; color:#666666;}
b {color:#000000; font-weight:700;}

.marginbottom50 {margin-bottom:50px;}
h1 {}
h2 {}
h3 {}

h5 {color:#00aeef; font-size:17px; font-weight:700;}
/*
html, body {height:100%; min-height: 100%;}
*/

dl,dt,dd {margin:0; padding:0}
dl {width:100%; border-bottom:1px solid #e6e6e6; padding-top:10px; padding-bottom:10px; display:table;}
dt,dd {float:left;}
dt {width:30%; color:#000000; font-weight:500;}
dt b {color:#00aeef;}
dd {width:70%;}

dd span {border:1px #00529b solid; border-radius:40px; height:40px; color:#00529b; font-size:13px; padding:5px 10px 5px 10px; margin-left:20px;}
dd span i {color:#00529b;}
input[type=text],input[type=password] {padding:10px; border:1px solid #e6e6e6; width:200px;}
select {height:40px; line-height:40px; border:1px solid #e6e6e6; -webkit-appearance: none; -webkit-border-radius: 0; text-indent:10px;}
textarea {border:1px solid #e6e6e6;}

.wrap {width:1100px; margin:0 auto;}

#head {width:100%; height:130px; background-color:#ffffff; box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); position:fixed; z-index:99; top:0px; left:0px;}
#head .menu {float:right;}
#head .menu a {color:#000000; font-size:14px; margin-left:20px; line-height:100px; font-weight:500;}
#head .menu a:hover {color:#00529b; border-bottom:5px solid #00529b;}
#head .logo {float:left; margin-top:30px; height:40px;}
#head .city {float:right; margin-top:10px;}

#head .top {background-color:#f0f0f0; width:100%; height:30px; line-height:30px;text-align:right;}
#head .top a {color:#000000; font-size:13px; margin-left:30px;}
#head .top i {color:#000000; font-size:13px; margin-right:10px;}

#visual {margin-top:130px; background:url('/kjf/img/v1.jpg?v=11');  background-position:center; background-repeat:no-repeat; width:100%; height:450px;}
#subvisual {margin-top:130px; background:url('/kjf/img/v2.jpg?v=11');  background-position:center center; background-repeat:no-repeat; width:100%; height:250px; box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); margin-bottom:50px;}

#banner {width:100%; height:60px; background-color:#00529b; box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); margin-bottom:50px;}
#banner h1 {float:left; line-height:100px; color:#ffffff; font-size:50px; font-weight:100; width:140px;}
#banner h2 {text-align:center; line-height:60px; color:#ffffff; font-size:17px; font-weight:500;}
#banner h3 {float:left; width:380px; background-color:#ffffff; border-radius:60px; height:60px; line-height:60px; margin-left:10px; margin-top:20px; font-size:17px; font-weight:500; box-shadow: 0 10px 20px 0 rgba(230, 230, 230, 0.0), 0 5px 10px 0 rgba(0, 0, 0, 0.2); text-align:center; color:#121949;}
#banner h3.confirm {background:#00529b; color:#ffffff;}
#banner h3 i {color:#121949; font-size:25px; line-height:60px;}
#banner h3.confirm i {color:#ffffff;}

.confirmbtn {display:none;}

#main {display:table; margin:0 auto; margin-bottom:50px;}
#main .news {width:478px; height:auto; border:1px solid #e6e6e6; float:left; margin-right:20px; padding:30px;}
#main .news h4 {color:#00529b; font-weight:500;}

#main .down {border:1px solid #00529b; float:left; padding:10px; color:#00529b;}
#main .down i {color:#00529b; margin-right:10px;}

#main .news p {border-bottom:1px solid #e6e6e6; line-height:60px; width:100%;}
#main .news p span {color:#00aeef; font-size:13px; margin-right:10px;}

#main .scope {width:478px; height:auto; border:1px solid #e6e6e6; float:right; margin-bottom:20px; padding:30px;}
#main .scope h4 {color:#00529b; font-weight:500;}
#main .scope ul {padding-left:20px;}

#main .what {width:478px; height:auto; border:1px solid #e6e6e6; float:left; margin-top:20px; padding:30px;}
#main .what h4 {color:#00529b; font-weight:500;}

#main .speaker {width:478px; height:auto; border:1px solid #e6e6e6; float:right; margin-right:0px; padding:30px; margin-top:0px;}
#main .speaker h4 {color:#00529b; font-weight:500;}

#main .committee {width:478px; height:auto; border:1px solid #e6e6e6; float:left; padding:30px; margin-top:20px;}
#main .committee h4 {color:#00529b; font-weight:500;}

#main .faq {width:258px; height:146px; border:1px solid #e6e6e6; float:left; margin-right:20px; cursor:pointer;}
#main .faq:hover,#main .map:hover {box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); border:1px solid #00529b;}

#main .faq i, #main .map i {color:#00529b; font-size:40px; text-align:center; display:block; width:100%; margin-top:35px; margin-bottom:10px;}
#main .faq h4, #main .map h4 {color:#000000; text-align:center; font-weight:500;}  

#main .map {width:258px; height:146px; border:1px solid #e6e6e6; float:left; cursor:pointer;}
#main .movie {width:538px; height:150px; border:1px solid #e6e6e6; float:left; margin-top:20px; background:url('/kjf/img/movie.jpg'); background-size:cover; cursor:pointer;}

#main .movie {text-align:center;}
#main .movie img {padding:40px 20px 20px 20px;}
#main .movie h4 {color:#00529b; font-weight:500; margin-top:20px; margin-left:20px;}
#main .movie p {color:#ffffff; margin-top:0px; margin-left:30px;}
#main .movie button {background-color:#ffffff; width:150px; height:30px; border-radius:30px; text-align:center; color:#00529b; margin-top:10px; margin-left:30px;}
#main .movie i {color:#00529b; margin-right:0px;}



#foot {width:100%; background-color:#cccccc; text-align:center; padding-top:30px; padding-bottom:30px;}
#foot p {color:#333333; font-size:14px;}
#body {margin-bottom:50px;}
#body button.submit {width:100%; height:60px; background-color:#00529b; color:#ffffff; text-align:center;}
#body button.submit2 {width:50%; height:60px; background-color:#00529b; color:#ffffff; text-align:center; float:left;}
#body button.submit3 {width:50%; height:60px; background-color:#ffffff; color:#00529b; text-align:center; float:left; border:1px solid #00529b;}
#body button.submit4 {width:100%; height:60px; background-color:#ffffff; color:#00529b; text-align:center; border:1px solid #00529b;}

#body h1 {text-align:center; color:#00529b; font-size:40px; font-weight:100;}
#body h2 {text-align:center; color:#000000; font-size:18px; font-weight:500; margin-bottom:30px; word-break: keep-all;}
#body h3 {float:right; color:#00529b; line-height:40px; width:150px; border:1px solid #00529b; border-radius:40px; text-align:center; font-size:15px; position:absolute;}
#body h3 i {color:#00529b}
#body .tab {height:40px;}
#body .tab p {width:548px; line-height:50px; text-align:center; float:left; background-color:#00529b; color:#ffffff; border:1px solid #00529b; border-bottom:0px none;}
#body .tab p.on {color:#00529b; background-color:#ffffff;}
#body .box {width:1038px; border:1px solid #00529b; padding:30px 30px 0px 30px; border-top:0px none; margin-bottom:30px;}

#body h4 {color:#00529b; font-weight:500; font-size:20px; border-bottom:1px solid #00529b; padding-bottom:20px;}

#body form button {width:100%; height:60px; background-color:#00529b; color:#ffffff; text-align:center;}

.bordertop {border-top:1px solid #00529b !important; margin-bottom:0px !important;}

#body .box ul {margin-left:20px; margin-bottom:30px;}

#body .agreebox {width:calc(100% - 42px); padding:20px; border:1px solid #e6e6e6; font-size:12px; height:80px; overflow:auto; color:#999999;}

#body .agreebox ul {margin-left:20px; margin-bottom:0px;}

#body .agreebox b {color:#00529b;}

#body .dltop {border-top:1px solid #00529b}


#body h10 {font-size:15px; display:block; margin-top:10px; margin-bottom:20px;}


#body dl:first-child {border-top:1px solid #000000}

#body dl p.plus {margin-right:20px; float:left; width:150px; color:#00529b; text-align:center; border:1px solid #00529b; line-height:40px; border-radius:40px;}
#body dl p.minus {margin-right:20px; float:left; width:150px; color:#ffffff; text-align:center; border:1px solid #00529b; line-height:40px; border-radius:40px; background-color:#00529b}
#body dl p i {color:#00529b;}




.bbsbody img {max-width:850px}

.bbstit {width:calc(100%-42px); text-align:center; line-height:20px; border:1px solid #e6e6e6; color:#000000; font-size:17px; font-weight:700; border-top:1px solid #00aeef; border-bottom:3px solid #f5f5f5; margin-bottom:30px; padding:20px;}

.bbslist {width:calc(100%-42px); border:1px solid #e6e6e6; line-height:20px; margin-bottom:10px; padding:20px; overflow: hidden;}
.bbslist h9 {float:right;}
.bbslist b {color:#000000; font-size:17px;}
.bbslist p {float:left; font-size:12px; color:#00aeef; margin-right:20px;}
.bbsbtn {width:calc(100%-1px); border:1px solid #00aeef; height:50px; line-height:50px; margin-top:30px; text-align:center; color:#00aeef}







@media ( max-width: 1000px ) {

.popup {position:absolute; top:50px; left:10%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:80%; margin-left:0px;}
.popup img {width:100%; display:block; float:left;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup button:nth-child(2) {right:70px}
.popup button:nth-child(3) {right:0px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); position:fixed; z-index:998;}

.confirmbtn {display:block; color:#00529b; border-radius:20px; line-height:20px; border:1px solid #00529b; width:80px; font-size:11px; position:absolute; right:20px; top:20px;}
.confirmbtn i {color:#00529b;}

#body dl p.plus {margin-right:10px; float:left; width:40%; color:#00529b; text-align:center; border:1px solid #00529b; line-height:40px; border-radius:40px;}

* {font-size:13px;}

.toggle-sidebar {display:block; width:60px; height:60px; position:absolute; text-align:left;}
.toggle-sidebar i {color:#000000; font-size:30px; line-height:60px;}
.menubox {display: block; position:fixed; top:0px; z-index:998; background:rgba(0,0,0,0.6); height:100%; min-height:100%;}

#fade-in {
  left:-100%; 
  width: 100%;
  transition: all .5s ease;
}

#fade-in.show {
 left:0px;
}

.menubox .Mmenulist{width:70%; height:100%; min-height:100%; background-color:#343434;}
.menubox .Mmenulist a {color:#ffffff; display:block; line-height:60px; padding-left:20px;}
.menubox .Mclose {position:absolute; right:0px; top:0px; z-index:999; height:100%; min-height:100%; width:30%; cursor:pointer;}

.Mmenulist {overflow:auto;}
.Mmenulist ul,.Mmenulist li {padding:0; margin:0; list-style:none;}
.Mmenulist ul .inner {padding:0; overflow: hidden; display: none; background-color:#00aeef;}
.Mmenulist ul .inner li {border-bottom:1px solid #029cd6;}
.Mmenulist ul li .toggle {width:calc(100% - 20px); display:block; color: #ffffff; border-bottom:1px solid #555555;}


#visual {margin-top:80px; background:url('/kjf/img/v1.jpg?v=4');  background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:200px;}
#subvisual {margin-top:80px; background:url('/kjf/img/v1.jpg?v=3');  background-position:center center; background-repeat:no-repeat; width:100%; height:100px; box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px; background-size:cover;}


.wrap {width:90%; margin:0 auto;}
#head {text-align:center; height:80px;}
#head .menu a {display:none;}
#head .logo {float:none; margin-top:20px; height:20px;}
#head .city {display:none;}

#head .top {background-color:#f0f0f0; width:100%; height:20px; line-height:20px;text-align:right;}
#head .top a {color:#000000; font-size:11px; margin-left:30px;}
#head .top i {color:#000000; font-size:11px; margin-right:10px;}


#main {display:table; margin-bottom:20px;}
#main .news {width:calc(100% - 42px); height:auto; border:1px solid #e6e6e6; float:left; margin-right:0px; padding:20px; margin-bottom:20px;}
#main .news h4 {color:#00529b; font-weight:500;}

#main .scope {width:calc(100% - 62px); height:auto; border:1px solid #e6e6e6; float:left; margin-bottom:0px; padding:30px;}
#main .speaker {width:calc(100% - 42px); height:auto; border:1px solid #e6e6e6; float:left; margin-right:0px; padding:20px; margin-top:20px; margin-bottom:0px;}

#main .committee {width:calc(100% - 42px); height:auto; border:1px solid #e6e6e6; float:left; margin-bottom:20px; padding:20px;}

#main .what {width:calc(100% - 42px); height:auto; border:1px solid #e6e6e6; float:left; margin-top:20px; padding:30px;}
#main .what h4 {color:#00529b; font-weight:500;}

#main .news p {border-bottom:1px solid #e6e6e6; line-height:20px; width:100%; padding:10px 0px 10px 0px; margin-bottom:10px;}
#main .news p span {color:#00aeef; font-size:13px; margin-right:10px;}

#main .faq {width:calc(50% - 12px); height:150px; border:1px solid #e6e6e6; float:left; margin-right:10px; cursor:pointer;}

#main .faq i, #main .map i {color:#00529b; font-size:40px; text-align:center; display:block; width:100%; margin-top:35px; margin-bottom:10px;}
#main .faq h4, #main .map h4 {color:#000000; text-align:center; font-weight:500;}  

#main .map {width:calc(50% - 12px); height:150px; border:1px solid #e6e6e6; float:left; cursor:pointer; margin-left:10px;}
#main .movie {width:100%; height:150px; border:1px solid #e6e6e6; float:left; margin-top:20px; background:url('/kjf/img/movie.jpg'); background-size:cover; cursor:pointer;}

.imgnone {display:none;}

#main .movie {margin-bottom:30px;}
#main .movie h4 {color:#ffffff; font-weight:500; font-size:20px; margin-top:30px; margin-left:30px;}
#main .movie p {color:#ffffff; margin-top:0px; margin-left:30px;}
#main .movie button {background-color:#ffffff; width:150px; height:30px; border-radius:30px; text-align:center; color:#00529b; margin-top:10px; margin-left:30px;}
#main .movie i {color:#00529b; margin-right:0px;}


.bbsbody img {}

.bbslist {width:calc(100%-42px); border:1px solid #e6e6e6; height:60px; line-height:20px; margin-bottom:10px; padding:20px; overflow: hidden;}
.bbslist b {color:#000000; font-size:17px; margin-top:10px;}
.bbslist p {float:none;}


#banner {width:100%; height:auto; display:table; box-shadow: 0 20px 30px 0 rgba(230, 230, 230, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); margin-bottom:20px; text-align:center; padding:10px 0px 10px 0px;}
#banner h1 {float:left; line-height:50px; color:#ffffff; font-size:30px; font-weight:100; display:none;}
#banner h2 {float:none; line-height:20px; color:#ffffff; font-size:12px; font-weight:500; text-align:center;}

#banner h3 {float:left; width:calc(100% - 10px); background-color:#ffffff; border-radius:50px; height:50px; line-height:50px; margin-left:0px; margin-top:0px; font-size:15px; font-weight:500; box-shadow: 0 10px 20px 0 rgba(230, 230, 230, 0.0), 0 5px 10px 0 rgba(0, 0, 0, 0.2); text-align:center; color:#121949; margin:5px;}

#banner h3.confirm {background:#00529b; color:#ffffff; display:none;}
#banner h3 i {color:#121949; font-size:15px; line-height:50px;}
#banner h3.confirm i {color:#ffffff;}

#foot p {color:#333333; font-size:12px; padding:0px 25px 0px 25px;}

#body img {max-width:100%;}

#body .tab {height:40px;}
#body .tab p {width:calc(50% - 2px); line-height:40px; text-align:center; float:left; background-color:#00529b; color:#ffffff; border:1px solid #00529b; border-bottom:0px none;}
#body .tab p.on {color:#00529b; background-color:#ffffff;}
#body .box {width:calc(100% - 42px); border:1px solid #00529b; padding:20px 20px 0px 20px; border-top:0px none; margin-bottom:20px;}
.marginbottom50 {margin-bottom:20px;}
dl {width:100%;}
dt {width:30%;}
dd {width:70%;}

dd span {display:block; margin-left:0px; border:1px #00529b solid; border-radius:20px; height:20px; color:#00529b; font-size:13px; padding:5px; width:100px;}
#daumRoughmapContainer1552791242947 {width:100% !important; height:300px !important}

#body h3 {display:none;}

.phone {width:20% !important;}
}