@charset "UTF-8";

/* font */

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

/* reset */
html, body{width:100%; font-size:10px; box-sizing: border-box; margin:0; padding:0; color:#333; }
* {text-align:justify; margin:0; padding:0; box-sizing: border-box; -webkit-text-size-adjust:none; list-style:none; text-decoration:none; font-size:1.8rem;
  font-family: 'SpoqaHanSansNeo-R', 'Sans-serif', '맑은 고딕',MalgunGothic,'새굴림','New Gulim','돋움',Dotum,AppleGothic,Arial,sans-serif;}
input,textarea,select,button,.aBtn{ vertical-align: middle; border:none; margin-right: 0;}
table,thead,tbody,tfoot,tr,th,td{border:none; border-spacing:0; border-collapse: collapse;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; }
ul,ol,li{list-style:none}
span{color: inherit; text-align: left; }
fieldset, img{border:0; vertical-align:top; }
i,em,address{font-style:normal;font-weight:normal;}
a{color:inherit;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
legend,hr,caption {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
strong, span, a, b, em, i, cite{font-size: inherit}
input:focus,textarea:focus{ outline: 1px;}
::placeholder{color: #888; }
form{font-size: inherit;}
input[type="checkbox"]:focus-visible { outline: 2px solid #000;  box-shadow: box-shadow: 0 0 0 2px #f00; }
/* reset - End */

/* all style */

.hidden{display: none; position: absolute; top: 0; left: -1000%; opacity: 0; width: 0; height: 0; padding: 0; margin: 0; }
.hiddenText{ text-indent: -999999px!important; font-size: 0; color:#fff; color:transparent; }
.clearfix::after { content: ""; display: table; clear: both; }

.pointText{ font-size: 2rem; font-weight: bold; }

.more{
  display: block;
  position: absolute; top:50%; right:10px; transform: translateY(-50%);
  width: 24px; height: 24px; overflow: hidden;
  background: url('../img/icons/arrow_line_right.png') no-repeat;
  background-size: cover;
  background-position: bottom 2px center;
  padding: 2px;
}
.btn-excel-down{
	display: block;
	position: absolute; top:50%; right:40px; transform: translateY(-50%);
	width: 30px; height: 24px; overflow: hidden;
	background: url('/static/img/btn/btn_excel_download.png') no-repeat;
/* 	background-size: cover; */
/* 	background-position: bottom 2px center; */
	padding: 2px;
}


/* all style - End */


/* header */
.headBtn{display: block;}
.header{
  width: 100%;
  height: 100px;
  position: static;
  top:0; 
  left:0;
  z-index:9999;
  background-color: #fff;
}
.headerInner{ max-width: 1920px; margin: 0 auto; height: 100%; }

/* navArea */
/* navTop */
.navTop {
  color: #2D477A;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
/*   z-index: 1; */
  background: #2D477A;
  color: #fff;
  text-align: right;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
.top_search{
  display: inline-block;
  height: 26px;
  vertical-align: middle;
  line-height: initial;
  position: relative;
}
.top_search *{vertical-align: middle;}
form[name="topSearch"]{
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
}
.top_sch_box{ border: 0; height: 100%; background: transparent; margin-right: 0; }
.navTopItem {
  margin-left: 30px;
  font-size: 1.4rem;
  width: fit-content;
  height: auto;
  border-radius: 3px;
}
/* .navTopItem input, .navTopItem a.iBtn, .navTopItem .aBtn{margin-top: -2px; margin-right: -3px;} */
.navTopItem.top_search label{
  display: inline-block;
  padding: 0;
  margin: 0;
}
.navTop a:hover{color:#fff;}
.navTop .iBtn.search_btn{
  width: 26px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  background-size: 18px;  
/*   margin-right: 5px; */
}
.navTop .search_btn::before{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 0;
}
.navTop .aBtn.top_detailSch_Btn{
  height: 100%;
  background-color:#31a3b3;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: bold;
}
.navTop .aBtn.top_detailSch_Btn:hover{
  background-color: #42b7c6;
}

.headerInner{padding-top: 40px; padding-right: 10%;}
/* logo */
.logo, .navArea{float: left; height: 60px; }
.navArea{float: left; height: 60px; width: 80%;}
.logo,.footerlogo{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 60PX;
  overflow: hidden;
}
.logo a { display:inline-block; height: 70%;}
.logo img{ height: 100%; display: block; }

/* nav */
nav#nav{ width: 100%;float: left; height: 60px;}
nav ul{
  width: 100%; height: 100%; overflow: hidden; 
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav .menu{
  float: left;
  text-align: center;
  height: 100%; 
}
nav .menu h2{   
	font-size: 2rem;
  height: 100%;
  letter-spacing: 1px; }
nav .menu a{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
/*   font-weight: bolder; */
}
nav .menu a:hover{
  color: #365491;
  font-weight: 900;
}
/* .headBtn{display: none;} */
/* header - End*/

/* content */
.content{ padding-top:39px; padding-bottom: 20px; }
/* content - End */


/* modal */
.modalCon{
  display: none;
  justify-content: center;
  align-items: center;
  width: 70vw; min-width: 900px; max-width: 1200px;
  height: 70vh; min-height: 560px; max-height: 900px;
  background: #fff;
  box-shadow: 1px 3px 10px #33333380;
  position: fixed;
  top: 50%; left:50%; transform: translate(-50%, -50%);
  z-index: 5;
}
.closeMo{
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: auto;
}
/* modal - End */

.libraryForm_inner{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.libraryForm_inner h4{margin-bottom: 20px;}
/* libraryForm End */

.errorForm_inner{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.errorForm_inner h4{margin-bottom: 20px;}
.errorReport{height: 16%; }
.errorReport a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2rem; background: #2D477A; }
.errorReport a::before{
  content: "";
  margin-right: 20px;
  display: inline-block;
  width: 50px; height: 50px;
  background: url(../img/icons/speak.png) no-repeat center / cover;
}
/* errorReport End */


/* form */

form{width: fit-content; margin: 0 auto;}
form,.form_box,.form_bottom{overflow: hidden;}

.form_box label { margin-right: 5px; display: inline-block;}
.form_section{ display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0; text-align: left; overflow: hidden; border-bottom: 1px solid #ddd; }
.form_section dt, .form_section dd{ padding: 0 10px; }
.form_section dt{ min-width: 150px; padding: 10px;}

.form_tip{padding: 5px!important; color:#2D477A; }
.form_ex{padding: 5px; color:#999; }
.form_err_message{padding: 5px; color:#D02829; }



.necessariness::before{
  content: '*';
  color:#D02829;
  font-size: 2rem;
  font-weight: bold;
  display: inline-block;
  height: 2rem;
  vertical-align: middle;
  margin-right: 5px;
}

form .form_bottom{padding: 20px 0; text-align: center;}
form .form_bottom .resetIcon{ background-color: transparent;  background-position: center!important; color:#666;}
form .form_bottom .resetIcon::before{ width: 1.4rem; height: 1.4rem; background-position-y:top; }
form .form_bottom .resetIcon:hover{ color: #365491;  }
form .form_bottom .resetIcon:hover::before{ background-position-y:center; }

form .form_section:first-child{border-top: 1px solid #ddd;}
form .form_group{display: flex; flex-wrap: wrap; align-items: center; width: fit-content; overflow: hidden; padding: 5px; }

.writeBox textarea{ text-align: left; width: 40vw; resize: none; }
label.input_address input,label.input_titleArea input{ width: 50vw;}
/* form */


/* footer */
 .footer{width: 100%; height: 150px; overflow: hidden; background: #eee; display: flex; align-items: center;}
 .footerlogo,.footCon,.footLink{ float: left;}
 .footerlogo a{width: fit-content;}
  .footerlogo img{width: 200px;}
  .foot_top { float : right; }
 .footCon{
 	width: 60%;
/*  	height: 100%; */
 	margin-left: -1.9%;}
 .footLink{ width: 20%; height: 100%; padding: 0 5px; }

 .footCon .foot_top, .footLink .sns{
/*  	height: 40%; */
/*  	width: 100%; */
/*  	line-height: 40px; */
 	display: flex;
 	align-items: center;
 	}
 	.sns { margin-top : 4%; }
/*  .footCon .foot_top{ border-bottom: 1px solid #2D477A; } */
.address { border-top: 1px solid #2D477A; }
 .footCon .foot_top span{ margin-right: 10px; }
 .footCon .foot_top span a:hover{ color:#D02829; }
 .foot_Info,.familly{ 
 	padding: 10px 0;
/*  	display: flex; */
 	justify-content: center;
 	flex-direction: column;}
 .foot_Info .address{margin-bottom: 10px;}
/*  .foot_Info .copyligh{ color: #666; } */
  .footer .iBtn.email::before, .footer .iBtn.youtube::before , .footer .iBtn.facebook::before, .footer .iBtn.blog::before{
    background-size: contain; width: 28px;height: 28px; margin-right: 0;
  }
  .familly label{ font-size: 1.2rem;}
  .familly .fmSelect{ width: 100%; max-width: 200px; height: 30px; border-radius: 4px; margin-top: 5px; }
  .familly .fmSelect select{ width: 90%; height: 100%; padding: 0 10px;}
  .sns span{ text-indent: -999999px; position: absolute; }

/*   footer .modalCon form{ width: 100%;} */
/* footer - End */


.errorForm_inner{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.errorForm_inner h4{margin-bottom: 20px;}
.errorReport{height: 16%; }
.errorReport a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2rem; background: #2D477A; }
.errorReport a::before{
  content: "";
  margin-right: 20px;
  display: inline-block;
  width: 50px; height: 50px;
  background: url(../img/icons/speak.png) no-repeat center / cover;
}
/* errorReport End */

/* 상세검색 */
.searchForm_inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.searchForm_display h3{ margin : 5%; }
.searchForm_display span{margin-right: 5px;}
.schDetail{background-color: #2D477A; }
.schDetail.search_btn::before{ width: 1.6rem; height: 1.6rem; vertical-align: sub; background-position-y:bottom;}

.dataNum{ margin-left: 10px; color:#d95050; white-space: nowrap; }

.searchForm_display .form_bottom .search_btn{
  background-color: #D02829;
}
.searchForm_display .form_bottom .search_btn:hover{
  background-color: #d95050;
}
.searchForm_display .form_bottom .search_btn::before{
  width: 1.4rem; height: 1.4rem; background-position:bottom;
}
.searchForm_display .keyboard{ background-color: #FFC45E; border:none; background-size: 2rem; width: 30px; background-clip: inherit; }
.searchForm_display .form_section dt{ 
/* 	width: 120px; */
	min-width: 80px;
	text-align: right;
	float: left;
	}
.searchForm_display .form_section dd{ margin-right: -3px; float: left;}

.thumbText dt {font-size:1.8rem;}


.relation-search-inner>ul {
    margin-top: 5px;
}

.video-area {
    text-align: center;
    position: relative;
}

.video-area a img {
	 max-width: 900px; width:100%; height: 100%; margin-bottom: 2%;
}

.talk-detail-video {
  text-align:center;
  position: relative;
/*   padding-bottom: 56.25%; */
  overflow: hidden;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
  max-width: 100%;
  hight: 100%;
}
.talk-detail-video iframe {
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     width: 100%; */
/*     height: 100%; */
/*   	text-align:center */
    width: 94%;
    height: 573px;
    text-align: center;
    display: block;
    margin: auto;
}


.foot_text { display: inline-block; }

.surveyFrm {
	width: 100%;
}

.skip_wrap {
	width: 50%;
	color: #2D477A;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999999;
/*     background: #2D477A; */
    color: #fff;
    text-align: right;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-align: center;
    opacity: 0;
}

.skip_btn {
	padding-left: 5%;
}


.talk-detail-video a img { max-width: 900px; width:100%; height: 100%; margin-bottom: 2%; }

.youtube_paly_btn {
/* 	position: absolute !important; */
/*     left: 0!important; */
/*     right: 0!important; */
/*     top: 0!important; */
/*     bottom: 0!important; */
    margin: auto !important;
    cursor: pointer;
    width: 90px !important;
    height: 90px !important;
    min-width: 0 !important;
    z-index: 999999 !important;
}

.youtube_paly_cont_btn, .youtube_paly_oral_btn {
	position: absolute !important;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    bottom: 0!important;
    margin: auto !important;
    cursor: pointer;
    width: 90px !important;
    height: 90px !important;
    min-width: 0 !important;
}