@charset "utf-8";

@import url("common.css");
@import url("default.css");
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, td, a, ol, ul, p, div, li{font-size:16px; font-family:'SpoqaHanSansNeo-Regular','NanumGothic','NotoLight','Malgun Gothic','돋움',dotum,sans-serif; line-height:28px;word-break: keep-all; word-wrap: break-word;}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0; font-family:'SpoqaHanSansNeo-Regular', 'NanumGothic','NotoLight','Malgun Gothic','돋움',dotum,sans-serif;}
strong{font-family:'SpoqaHanSansNeo-Medium','NanumGothic','NotoRegular','Malgun Gothic','돋움',dotum,sans-serif; }

ul{list-style:none;}

.tba{text-align:center; font-size:200px; line-height:50px; padding:50px 0; color:#ddd;}
.tba span{display:block; font-size:3rem; margin-top:20px;}


/* ------------------------------------ header ------------------------------------- */

.wrap{width:100%;}
.header{width:100%;background:#1e3883;}

.navbar_pc{width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:15px 0;}
.navbar_mobile{display:none;}

.hi_logo{margin-right:20px;}
/*
.dropdown {
  overflow: hidden; 
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #00134b;
  width: 100%;
  height:120px;
  left: 0;
  padding-top:0px;
  z-index: 1;
  opacity:0;
   box-sizing:border-box;
   margin-top:15px;
}

.dropdown:hover .dropdown-content {
  display: block;
  opacity:1;
  transition:all 0.3s ease;
}*/

.gnb{display:flex; justify-content:space-between; padding:30px 0 10px 0;}
.gnb>li{}
.gnb>li>a{display:inline-block; font-size:18px; font-weight:600; color:#fff; box-sizing:border-box;padding:0 15px;margin:0 15px;text-align:center;}

.gnb>li:hover>a {color:#93fffb;transition:all 0.3s ease;}
.dropdown:hover .sub{opacity:0.9;visibility: visible;z-index:99; padding-top:35px; transition:opacity .25s ease-in-out;}
.dropdown:hover .sub1{opacity:0.9;visibility: visible;z-index:99; padding-top:35px; transition:opacity .25s ease-in-out;}


.gnb .sub {height: 180px;box-sizing:border-box;	position:absolute;opacity:0;visibility: hidden; } 
.gnb .sub li{text-align:center;}
.gnb .sub li a{line-height:30px; color:#fff; text-align:center; display:block; margin:0 20px;text-decoration:none !important}
.gnb .sub li a:hover{color:#93fffb;}

.gnb .sub1 {height: 120px; box-sizing:border-box;position:absolute;	opacity:0;visibility: hidden; margin:0 100px;} 
.gnb .sub1 li{margin:0 5px; text-align:center;}
.gnb .sub1 li a{line-height:30px; color:#fff; text-align:center;}
.gnb .sub1 li a:hover{color:#93fffb;}


#sub01{}
#sub02{margin-left:15px;}
#sub03{}
#sub04{margin-left:35px;}
#sub05{margin-left:42px;}

.btn_lang{display:flex; justify-content:space-between;margin-left:50px;}
.btn_lang li{width:80px; height:22px; text-align:center; margin-top:23px;background:#fff; border-radius:20px; padding:0px 5px 2px 5px; color:#263f82;}
.btn_lang li a{color:#263f82; font-weight:bold; font-size:16px;}
.btn_lang li a:hover{color:#46caf5;}
.btn_lang li .on{color:#46caf5;}

.navbar_toggleBtn{display:none; position:absolute; right:32px; font-size:24px; color:#fff;}

/*  Mobile */
@media screen and (max-width: 768px) {
	.header{width:100%;background:#263e84;}
	.navbar_pc{display:none;}
	.navbar_mobile{display:block; padding:15px 20px; display:flex;justify-content:space-between; align-items:center; position:relative; }
	.hi_logo{margin:0 60px;}
	.hi_logo img{width:100%;}
	.sidenav { width:100%; height:100%; overflow-y:auto; position:fixed; _position:absolute;  z-index: 99999;  top: 0; bottom:0; left: 0;background-color: #333;  transition: 0.5s; padding:60px 0 150px 0; transform:translate(-100%,0); box-sizing:border-box;}
	.sidenav a {padding: 8px 8px 8px 55px;  text-decoration: none; font-family: "Score4", sans-serif; font-size: 16px; color: #fff; display: block; transition: 0.3s;}
	.sidenav ul > li a {padding: 8px 8px 8px 30px;  text-decoration: none; font-weight:bold; font-family: "Score4", sans-serif; font-size: 1.2rem; color: #fff; display: block; transition: 0.3s;}
	.sidenav ul  > li a:hover {color: #f1f1f1;}

	.sidenav .sub {padding-left:20pxpx; border-bottom:1px solid #666; padding-bottom:10px; width:210px; margin:0px auto 10px auto;} 
	.sidenav .sub li a{line-height:.7rem; color:#fff; font-size:.8rem;}
	.sidenav .sub li a:before{content:"-"; padding-right:5px;}
	.sidenav >li .sub li a:hover{color:#09F;}

	.sidenav .closebtn {position: absolute; top: 0; right: -40px; font-size: 36px; margin-right: 50px;}
	.m_icon{display:block; font-size:1.6rem; color:#fff;}
	.btn_lang{margin-left:0;}
	.btn_lang li{width:60px; margin-top:0px; padding:0px 0px 2px 0px;}
}

/* ------------------------------------ header 끝 ------------------------------------- */

/* ------------------------------------ 메인 컨텐츠 ------------------------------------- */

.main_cont{width:100%; position:fixed; overflow:hidden; filter: opacity(0.8) grayscale(100%); z-index:3;}
.main_bg{background:url('/images/main_bg.png') center 90px no-repeat; height:100vh; position:relative; background-color:#333;}

.main_container{width:1100px; margin:0 auto;}
.main_title{text-align:center; margin:90px 0 70px 0;}
.main_title p{font-size:60px; line-height:60px; font-weight:bold; color:#fff;}
.main_title ul{width:600px; margin:40px auto;}
.main_title ul li{background:#32bed7; border-radius:30px; font-family:'SpoqaHanSansNeo-Regular','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif;color:#fff; font-size:26px;letter-spacing:-0.7px; margin-bottom:10px; line-height:30px; text-align:center; padding:10px 20px;}

.quick{width:1100px; margin:10px auto; display:flex; justify-content:space-between;}


.notice_wrap{ display:flex; justify-content:space-between; margin:48px 0 47px 0;}
.notice{background:#fff; width:820px; height:160px; border-radius:10px; padding:15px 20px; box-sizing:border-box;}
.notice p{font-size:20px; border-bottom:1px solid #333; padding-bottom:5px;}

.notice ul{margin-top:20px;}
.notice ul li strong{display:inline-block; font-weight:normal;}
.notice ul li em{display:inline-block; font-style:normal; float:right;}
.notice ul li a{color:#333;}
.main_banner li{background:#fff; width:240px; height:40px; line-height:40px; border-radius:10px; padding:10px; text-align:center; font-weight:bold; color:#000; padding:16px 10px; margin-bottom:15px; box-shadow: 3px 3px 6px #333;} 
.main_banner li img{vertical-align:middle; display:inline-block; margin-right:10px;}
.main_banner li a{color:#000; font-size:16px;}


.monly{display:none;}
.pconly{display:block;}

/*  Mobile */
@media screen and (max-width: 768px) {
	.main_bg{background:url('/images/m_main_bg.png') center -100px no-repeat; position:relative; background-size:cover; background-color:#10226b;}
	.main_container{width:98%; margin:0 auto;}
	.main_title{text-align:center; margin:50px 0 30px 0;}
	.main_title p{font-size:2rem; line-height:3.1rem; font-weight:bold; color:#fff; letter-spacing:-1px;}
	.main_title ul{width:90%; margin:20px auto 0px auto;}
	.main_title ul li{background:#32bed7; border-radius:20px; color:#fff; font-size:.9rem; letter-spacing:-0.7px;line-height:30px; text-align:center; padding:5px 0;}
	
	.quick{width:90%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
	.quick li{margin:5px 0;}
	.quick img{width:160px;}
	
	.notice_wrap{ display:flex; flex-direction:column; width:90%; margin:10px auto 0 auto;} 
	.notice{background:#fff; width:100%; height:130px; padding:10px 20px;}
	.notice p{font-size:1rem; border-bottom:1px solid #333; padding-bottom:5px;}
	.notice ul{margin-top:10px;}
	.notice ul li strong{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:98%; font-size:.8em;}
	.notice ul li em{display:none;}
	.main_banner{ display:flex; justify-content:space-between; margin-top:18px;}
	.main_banner li{ width:48%; height:70px; line-height:10px; border-radius:10px; text-align:center; font-weight:bold; color:#000; padding:5px 10px; margin-bottom:15px; box-shadow: 3px 3px 6px #333; box-sizing:border-box;display:flex; justify-content:center; align-items:center;} 
	.main_banner li img{vertical-align:middle; display:inline-block; margin-right:15px; width:2rem;}
	.main_banner li a{display:inline-block; color:#000; font-size:.8rem; line-height:1.2rem;}
	.main_banner button{background:none;}
	.monly{display:block;}
	.pconly{display:none;}

}

/*  Mobile */
@media screen and (max-width: 717px) {
	.quick img{width:150px;}
}

@media screen and (max-width: 667px) {
	.quick img{width:140px;}
}


@media screen and (min-width: 375px) and (max-width: 424px) {
	.quick img{width:160px;}
}
	
@media screen and (max-width: 374px) {
	
	.main_title ul li{font-size:.8rem; line-height:30px;}
	.quick img{width:152px;}
}

@media screen and (max-width: 280px) {
	.quick img{width:120px;}
}

/* ------------------------------------ 메인 컨텐츠 끝 ------------------------------------- */

/* ---------------------------------------- footer ----------------------------------------- */

.footer{width:100%;  background:#333; margin-top:30px; height:130px; padding-top:20px; box-sizing:border-box;}
.footet_cont{width:1100px; margin:0 auto;display:flex; justify-content:space-between; align-items:center;}
.footet_cont strong a{color:#ddd !important;font-size:14px; font-style:normal;}

.footet_cont div{color:#fff; font-size:14px; text-align:right;}
.footet_cont div address{font-size:12px; font-style:normal; line-height:18px; color:#ddd;}

@media screen and (max-width: 768px) {

.footer{width:100%;  background:#333; margin-top:20px; height:auto; padding:20px 0; box-sizing:border-box;}
.footet_cont{width:100%;}
.footet_cont a{font-size:.6rem;color:#ddd !important; line-height:1rem;}
.footet_cont p{display:none;}
.footet_cont div{color:#fff; font-size:14px; text-align:left; margin-left:10px;}
.footet_cont div address{font-size:.6rem; font-style:normal; line-height:1rem; color:#ddd;}

}
/* ---------------------------------------- footer 끝 ----------------------------------------- */


/* ----------------------------------------- 서브 ------------------------------------------ */
.container{position:relative; clear:both; overflow:hidden; padding-bottom:30px;}
.sub_top img{width:100%;}
.content{padding:30px 0; width:1100px; margin:0 auto;}

.title_wrap{border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding:30px; width:1100px; margin:0 auto;}
.title{font-size:25px; color:#333; padding-left:0px; font-weight:bold;}
.navi{padding-right:10px; font-size:14px; font-family:'NotoLight'; }
.navi a{color:#333;}

@media screen and (max-width: 768px) {
.container{width:100%;}
.content{padding:30px 0;width:90%; margin:0 auto;}
.sub_top{margin-top:40px;}
.title_wrap{border-bottom:1px solid #ddd; display:block; padding:10px; width:100%; box-sizing:border-box;}
.title{font-size:1.2rem; color:#333; padding-left:0px; font-weight:bold; text-align:center;}
.navi{font-size:14px; font-family:'NotoLight'; position:absolute; top:3px;  display:block; width:100%;}
.navi a{color:#333;}

}

/* ----------------------------------------- 서브 끝 ---------------------------------------- */

/* --------------------------------------- 서브 컨텐츠 -------------------------------------- */

.tar{ text-align:right}
.tal{ text-align:left}
.mb20{ margin-bottom:20px }
.mb40{ margin-bottom:40px }

.list_arrow li{font-size:18px;color:#222;line-height:28px; margin-bottom:20px}
.list_arrow li strong{ font-weight:400}
.list_arrow li strong.tit{ color:#2e4ec7;}

.tbl_tit{font-size:18px; background:#f5f5f5;padding:8px 10px;margin-bottom:5px}
.point_bg{ background:#151148; color:#fff; padding:0 10px}
.program{border-collapse:collapse; width:100%}
.program td, .program th{border:1px solid #ccc; padding:10px;}
.program th{color:#fff;}
.program td{ line-height:26px;}

.tabmn_wrap{width: 100%; border-bottom:#246cbd solid 1px; border-top:#246cbd solid 1px;margin-bottom:30px}
.tabmn{padding:10px;text-align:center;border-left:#246cbd solid 1px;color:#444;background-color:#ffffff;}
.tabmn:hover{padding:10px;text-align:center;border-left:#246cbd solid 1px;text-decoration:none;color:#246cbd;}
.tabmn > a:hover {padding:10px; text-decoration:none;color:#fff; }	
.tabmnOver{padding: 10px;text-align:center;background-color:#246cbd;border-left:#246cbd solid 1px;	color:#fff;}
.tabmnOver > a { text-decoration:none; color:#246cbd;}
.line_top{ border-top:solid 1px #444; padding:20px 0; margin-top:15px}

.subtit{ font-size:24px; font-weight:600;color:#000; letter-spacing:-1px;border-bottom:solid 2px #666; padding-bottom:20px; margin:50px 0}
.speaker_wrap{ margin-bottom:70px;}
.speaker_pic{ float:left; margin-right:30px; margin-bottom:10px}
.name{float:left; color:#555}
.name a{font-family: 'SpoqaHanSansNeo-Regular'; color:#2d4fa6}
.name a:hover{ text-decoration:underline}
.name p{font-size:20px;margin-bottom:16px; color:#000}
.speaker_btn{margin:20px 0}
.subject{ color:#008dc8; font-weight:300;}
.speaker_data{clear:both;display:block; padding:20px 30px; background:#f0f1f9}

.event_wrap{ border:solid 1px #ddd; padding:50px 40px 0;}
.stemp_tit{ float:left;font-weight:bold; font-size:22px; margin-bottom:20px;}
.stemp_box{ clear:both; display:block;width:98%; padding:30px 10px; margin:50px 0;}
#box01{background:#e8edfc;}
#box02{background:#ede8f9;}
#box03{background:#fcf4e8;}
.stemp_day{ font-size:13px; color:#526b99}

.sitemapWrap h5{ background:#355ba1; padding:10px 0 10px 20px; width:80%; color:#fff; font-size:18px; border-radius:10px;}
.sitemapWrap ul{ margin:20px 10px; }
.sitemapWrap ul li a{ color:#333; line-height:30px}

.greeting{text-align:justify; width:98%}
.info_pic{padding:0 30px 30px 0; float:left; margin-right:15px; width:100%; width:200px;}
.info_btxt{font-size:20px; color:#1966bd;background:#e0edfb; padding:20px; text-align:center; margin-bottom:30px;}

@media screen and (max-width: 768px) {
.tar{ text-align:right;}
.tal{ text-align:left}

.list_arrow li{font-size:1rem;color:#222;line-height:28px; margin-bottom:20px}
.list_arrow li strong{ font-weight:400}
.list_arrow li strong.tit{ color:#2e4ec7;}

.tbl_tit{font-size:.9rem; background:#f5f5f5;padding:8px 10px;margin-bottom:5px}
.point_bg{font-size:.8rem; background:#151148; color:#fff; padding:0 10px}
.program{border-collapse:collapse; width:98%;}
.program td, .program th{border:1px solid #ccc; padding:5px; font-size:.9rem;}
.program th{color:#fff;}
.program td{ line-height:26px;}

.speaker_pic{display:block ; text-align:center;}
.name p{font-size:1.2rem;margin-bottom:12px; color:#000}
.speaker_btn{margin:10px 0}
.speaker_data{clear:both;display:block; padding:10px; background:#f0f1f9; }


.event_wrap{ border:solid 1px #ddd; padding:30px 10px 20px 10px; }
.stemp_tit{ float:left;font-weight:bold; font-size:1.2rem; letter-spacing:-0.6px;margin-bottom:10px;}
.stemp_box{ clear:both; display:block;width:95%; padding:20px 10px; margin:30px 0 20px 0}
.stemp_img img{ width:90%}
#box01{background:#e8edfc;}
#box02{background:#ede8f9;}
#box03{background:#fcf4e8;}
.stemp_day{ font-size:11px; color:#526b99}


.sitemapWrap h5{ background:#355ba1; padding:10px 0 10px 20px; width:92%; color:#fff; font-size:18px; border-radius:10px;}
.sitemapWrap ul{ margin:20px 10px; }
.sitemapWrap ul li a{ color:#333; line-height:30px}

.greeting{font-size:1rem; letter-spacing:-0.5px; word-spacing:-1px; word-break:break-all}
.info_pic{padding:0 30px 30px 0; width:100%; text-align:center; margin-bottom:15px;}
}

/* --------------------------------------- 서브 컨텐츠 -------------------------------------- */

/* ------------------------------------------ 팝업 ------------------------------------------ */
.devLayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.devLayer .devLayerBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#devLayer1 {display:none; position: absolute; top: 20%; left: 50%; width: 650px; margin-left:-350px; height:auto;  background-color:#fff; border: 2px solid #333; z-index: 10;}
#devLayer_mov {display:none; position: absolute; top: 20%; left: 50%; width: 750px; margin-left:-350px; height:auto;  background-color:#fff; border: 2px solid #333; z-index: 10;}
.devLayerClose{border:none; background-color:#333; color:#fff;}


@media screen and (max-width: 768px) {
.devLayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.devLayer .devLayerBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#devLayer1 {display:none; position: absolute; top: 30%; left: 50%; width: 90%; margin-left:-45%;  height:auto;  background-color:#fff; border: 2px solid #333; z-index: 10;}
#devLayer_mov {display:none; position: absolute; top: 30%; left: 50%; width: 90%; margin-left:-45%;  height:auto;  background-color:#fff; border: 2px solid #333; z-index: 10;}
}

/* ---------------------------------------- 팝업 끝 ----------------------------------------- */