@charset "utf-8";

@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'ggl';
  src: local(GyeonggiTitleL),
       url(/fonts/GyeonggiTitleL.eot) format('eot'),
       url(/fonts/GyeonggiTitleL.woff) format('woff'),
       url(/fonts/GyeonggiTitleL.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}



/** Common **/
/* .input_ty {width:100px;padding:5px;border:solid 1px #e5e5e5;font-size:14px;color:#000;} */
.placeholder {color:#afafaf;}
:-ms-input-placeholder {color:#afafaf;} /* M$ */
::-webkit-input-placeholder {color:#afafaf;} /* webkit */
::-moz-placeholder {color:#afafaf;} /* firefox */

/*.select_ty {width:100px;padding:5px 10px;background-image:url(../images_new/layout/ico_select_arr.png);background-repeat:no-repeat;background-position:90% center;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:solid 1px #e5e5e5;font-size:14px;color:#000;transition:background 0.4s;}
.select_ty:hover, .select_ty:focus {background-image:url(../images_new/layout/ico_select_arr_ov.png);}*/
/* .select_ty {width:120px;padding:0px 10px;border:solid 1px #e5e5e5;font-size:14px;color:#000;box-sizing:border-box;} */
.tarea_ty {width:100%;height:100px;padding:15px;border:solid 1px #e5e5e5;font-size:14px;color:#000;box-sizing:border-box;resize:none;}

.ta_c{text-align: center;}

/* Input Size */
.w20 {width:20%;}

/* Btns */
.btn_ty {display:inline-block;min-width:100px;padding:5px 0;background:#2d2f94 ;border:none;font-size:16px;color:#fff;text-align:center;line-height:30px;cursor:pointer;box-sizing:border-box;transition:background 0.4s;}/* 파랑색 */
.btn_ty03 {background:#f5f5f5;border:solid 1px #dbdbdb;color:#606060;}/* 회색 */
.btn_ty:hover, .btn_ty:focus {background:#25283d ;}
.btn_ty03:hover, .btn_ty03:focus {background:#25283d ;}

/*** BOARD ***/
/** 페이징 **/
.pg_wrap {margin:30px 0 150px;padding:0;}
.pg_wrap .pg {display:block;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current {width:32px;margin:0;padding:0;height:auto;background:#fff;line-height:33px;vertical-align:top;box-sizing:border-box;}
.pg_wrap .pg_start,
.pg_wrap .pg_end {width:40px;}
.pg_wrap .pg_page {border:solid 1px #ddd;color:#666;transition:all 0.4s;}
.pg_wrap .pg_page:hover, .pg_wrap .pg_page:focus, .pg_wrap .pg_page:active,
.pg_wrap .pg_current {border:solid 1px #263960;color:#fff; background: #263960;}
.pg_page.pg_prev,
.pg_page.pg_next,
.pg_page.pg_end,
.pg_page.pg_start{width: 34px; font-size: 0; }
.pg_page.pg_prev{ background: #fff url(../../images/template/pb_prev.jpg) center no-repeat !important;}
.pg_page.pg_next{ background: #fff url(../../images/template/pb_next.jpg) center no-repeat !important;}
.pg_page.pg_end{background: #fff url(../../images/template/pb_nnext.jpg) center no-repeat !important;}
.pg_page.pg_start{ background: #fff url(../../images/template/pb_pprev.jpg) center no-repeat !important;}

/** 검색 **/
.bd_search {background: #f2f2f2; padding: 38px 0; margin-top: 50px !important;}
.bd_search .select_ty{height: 55px; border: 0; background: #fff url(../../images/template/sch_select_arr.jpg) 90% center no-repeat; font-size: 18px; color: #333; -webkit-appearance: none;-moz-appearance: none;appearance: none; padding-left: 25px;} 
.bd_search .select_ty::-ms-expand {display: none;}
.bd_search .input_ty{height: 55px; font-size: 18px; color: #666; border: 0; width: 385px; padding-left: 25px; margin-left: 8px;}
.bd_search .input_ty::placeholder{ color: #666;}
.bd_search #bo_sch {text-align:center}
.bd_search .btn_search{width: 95px; height: 55px; color: #fff; background: #263960; border: 0; outline:none; font-size: 18px; font-weight: 400; margin-left: -2px;}

#bo_cate {margin:0;}
.bd_cate {display:table;width:100%;margin-bottom:50px;border:solid 1px #dbdbdb;table-layout:fixed;box-sizing:border-box;}
.bd_cate > li {display:table-cell;border-left:solid 1px #dbdbdb;vertical-align:middle;}
.bd_cate > li:first-child {border:none;}
.bd_cate > li > a {padding:20px 5px;font-size:17px;color:#333;text-align:center;transition:all 0.4s;}
.bd_cate > li > a#bo_cate_on, .bd_cate > li > a:hover, .bd_cate > li > a:focus {background:#cd2027;color:#fff;}

/** 상세 **/
#bo_v .view_top_sec {padding:60px 60px;background:#c0a355 url(../../images/template/simbol_bg.png) no-repeat right top;box-sizing:border-box;}
#bo_v .view_top_sec #bo_v_title {margin-bottom:25px;font-size:30px;font-weight:700;color:#fff;line-height:30px;}
#bo_v .view_top_sec .info {font-size:15px;color:#e7dbbc;line-height:15px;}
#bo_v .view_top_sec .info > span {display:inline-block;margin-right:15px;padding-right:15px;border-right:solid 1px #e7dbbc;vertical-align:top;}
#bo_v .view_top_sec .info > span:last-child,
#bo_v .view_top_sec .info > span.last {margin:0;padding:0;border:none;}

#bo_v_file .view_file_download img {width:auto;margin-right:5px;vertical-align:middle;}

#bo_v_atc {padding:0 0 30px;border-bottom:solid 1px #dbdbdb;}
#bo_v_atc #bo_v_atc_title {display:none;}
#bo_v_atc #bo_v_img {margin-bottom:30px;text-align:center;}
/*#bo_v_atc #bo_v_img img {width:auto;max-width:100%;margin:30px 0 0;}*/

#bo_v_atc #bo_v_con img {/* display:block;width:auto;max-width:100%;margin:0 auto; */ width: auto;}

.btm_btns {margin-top:30px;text-align:center;}
.btm_btns .sort_l {float:left;}
.btm_btns .sort_r {float:right;}

.ct{max-width:1720px; margin: 0 auto;} 
.ct1{max-width:1600px; margin: 0 auto;} 
.ct2{max-width:1400px; margin: 0 auto;} 
.ct3{max-width:1320px; margin: 0 auto;} 



.clear:after{content:''; display: block; clear: both;}
.fl {float:left;}
.fr {float:right;}
.mc {margin:0 auto;}


.bfn:before{display: none;}
.bfn_r:after{display: none;}

/* 버튼 */
.bt_box{display:block; text-align: center; margin: 0 auto;}
.bt_ty1{position: relative; overflow: hidden; z-index: 10; text-align: center; font-size: 14px; line-height: 72px; font-weight: 700; padding: 0px 50px; background: #000; color: #fff; display: inline-block; border-radius: 50px; letter-spacing: 0.15em; transition:.6s;}  
.bt_ty1:before{position: absolute; content:''; width: 700px; height:700px; background: #f6ae02;  transform:rotate(45deg); left: -250%; top: 50px; transition:.6s; z-index: -1;}
.bt_ty1:hover:before{left: -120%; }

#bo_w .frm_file {width: 100%; font-size: 12PX;}
/* color */

/* margin */

/* 폰트 */

.mont{font-family: 'Montserrat'; } 
.jp{font-family: 'Noto Sans JP', sans-serif;}
.gyeongi{font-family: 'GyeonggiTitleM';}

b.jp{font-weight: 500;}
b.jp400{font-weight: 400;}


.table_ty1{}
.table_ty1 table {border-top: 2px solid #2d6794;}
.table_ty1 table th,
.table_ty1 table td{border: 1px solid #dbdbdb;}

.table_ty1 table th{font-size: 18px; 	line-height: 77px; color: #303030; font-weight: 500; background: #eaf0f4; }
.table_ty1 table th:first-child,
.table_ty1 table td:first-child{border-left: 0;}
.table_ty1 table th:last-child,
.table_ty1 table td:last-child{border-right: 0;}
.table_ty1 table td {padding: 23px 25px 25px; text-align: center; vertical-align: top;}
.table_ty1 table td h4{color: #303030; font-weight: 500;}

/* Btns */
.btn_ty {display:inline-block;min-width:100px;padding:5px  0;background:#666;border:none;font-size:16px;color:#fff;text-align:center;line-height:30px;cursor:pointer;box-sizing:border-box;transition:background 0.4s; }/* 파랑색 */
.btn_ty03 {background:#f5f5f5;border:solid 1px #dbdbdb;color:#606060;}/* 회색 */
.btn_ty:hover, .btn_ty:focus {background:#000 ;}
.btn_ty03:hover, .btn_ty03:focus {background:#000 ;}

.btm_btns {margin-top:30px;text-align:center;}
.btm_btns .sort_l {float:left;}
.btm_btns .sort_r {float:right;}

.div_td_adb label{margin-right: 15px !important;}

#fp-nav.fp-right{right: 91px;}

/* 텝 공통 */
.bd_sec {margin-top: 0px !Important; padding-bottom:  150px !Important;}
#bo_v_atc a{display: inline-block !important; vertical-align: middle;}

/*magazine*/
.s4_1 h3 {font-size: 20px; color: #111; margin-bottom: 10px;}

#bo_v_img {margin: 0; margin-top: 2rem;}
#bo_v_con {font-size: 14px;}

@media(max-width:1320px){
	.bo_wrap_1, .respon_w, .respon_v  {box-sizing: border-box; padding: 0 0px;}
}

@media(max-width:800px){
	.bd_sec {padding-bottom: 12vw !important;}
}


@media(max-width:480px){ 
	.btn_ty{font-size: 3.2vw; min-width: 80px; line-height: 3;}
}




.spinner_wrap{position: fixed; top: 0;	left: 0; width: 100%; height: 100%; z-index: 100000; background: #012b50; overflow: hidden; }
.spinner {margin:  auto; margin-top: calc(55vh - 100px); width: 40px;height: 40px; position: relative; }
.cube1, .cube2 {background-color: #fff;width: 15px;height: 15px;position: absolute;top: 0;left: 0;-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;animation: sk-cubemove 1.8s infinite ease-in-out;}
.cube2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}