/* main_visual_slide */
.main_visualbox {position: relative; width: 100%; max-width:1420px!important; overflow: hidden; margin:auto; height:650px;}
.main_visualarea {float: left; width: 100%;}
.main_visualarea .swiper-container-1 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.main_visualarea .swiper-container-1 .swiper-slide {text-align: center; /* Center slide text vertically */ -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;}
.main_visualarea .swiper-container-1 .swiper-slide .slideback {/*float: left;*/ width: 100%; padding-bottom: 650px; background-size: cover !important;/*background-position: center center !important;*/}  /* ����̹��� �и� */

.main_visualarea .swiper-container-1 .swiper-pagination-bullet {width: 17px !important; height: 17px !important; display: inline-block; border-radius: 100%; background-color: rgba(255,255,255,0) !important; border: 1px solid rgba(255,255,255,0.5); box-sizing:border-box; opacity: 1 !important;}
.main_visualarea .swiper-container-1 .swiper-pagination-white .swiper-pagination-bullet-active {width: 17px !important; height: 17px !important; background: #fff !important; border: 0;}
.main_visualarea .swiper-container-1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 4% !important;}
.main_visualarea .swiper-container-1 .mainprev, .mainnext {width: 60px !important; height: 60px !important; background-size: 60px 60px !important;}
.main_visualbox .swiper-container-1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../images/main_slide_next.png) !important; right: 3% !important;}
.main_visualbox .swiper-container-1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../images/main_slide_prev.png) !important; left: 3% !important;}



/* board �Խ��� ���� */

.board_box {position: relative; width: 100%; padding: 50px 0% 100px; background: #EBF0F9 url("../images/main_bg.png") no-repeat right top;}
.board_area {margin: 0 auto; width: 100%; max-width: 1420px; }
.board_contents {position: relative; width: 100%; z-index: 2; }

.noticeinner { background:#fff; padding:50px; border-radius:20px 20px 0px 0px; }
.board_contents .notice {width: 100%;}
.board_contents .notice .tit {display:flex; width: 100%; height: 55px; margin-bottom:20px; justify-content: space-between; }
.board_contents .notice .tit h4 {display:flex; font-family: "yg-jalnan", sans-serif; font-size: 40px; color: #7E0059; font-weight: 700; line-height: 25px; transform: rotate(-0.04deg); align-items: center; gap:10px;}
.board_contents .notice .tit .btnmore {}
.board_contents .notice .tit .btnmore a {display: block; }
.board_contents .notice .tit .btnmore a img {vertical-align: top;}
.board_contents .notice .contents { width: 100%; display:flex; gap:20px;}
.board_contents .notice .contents li { width: 100%; height: 55px; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 15px; color: #2b2a2a; font-weight: 700; line-height: 55px; background:#F8F8F8; padding:10px 40px; border-radius:20px;}
.board_contents .notice .contents li a {    display: flex; justify-content: space-between; width: 100%; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 15px; color: #2b2a2a; font-weight: 700; line-height: 55px;}
.board_contents .notice .contents li a span.subject { width: 80%; letter-spacing: -0.8px; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.board_contents .notice .contents li a span.date { font-size: 13px; color: #646464; font-weight: 400; letter-spacing: -0.4px;}
.board_contents .notice .contents li:hover {background:#FFF4FC;}
.board_contents .notice .contents li a:hover span.subject{color: #7E0059; }


.qnainner {background: #024CA1  url("../images/qna_bg.png") no-repeat right top; background-size:cover; padding:50px; border-radius:0px 0px 20px 20px; }
.board_contents .qna { width: 100%; /*background: #a1caec;*/}
.board_contents .qna .tit {display:flex; width: 100%; height: 55px;  margin-bottom:20px;justify-content: space-between; }
.board_contents .qna .tit h4 {display:flex;font-family: "yg-jalnan", sans-serif; font-size: 40px; color: #FFF; font-weight: 700; line-height: 25px; transform: rotate(-0.04deg); padding-top: 5px; align-items: center; gap:10px;}
.board_contents .qna .tit .btnmore {display:flex; text-align:right;}
.board_contents .qna .tit .btnmore a {display: block; }
.board_contents .qna .tit .btnmore a img {vertical-align: top;}
.board_contents .qna .contents { width: 100%;  display:flex; gap:20px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.board_contents .qna .contents li { width: 100%; height: 155px; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 18px; color: #333; font-weight: 700; line-height: 55px; background:#fff; border-radius:20px; padding:20px; width:20.5%;}
.board_contents .qna .contents li a {display: block; width: 100%; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 18px; color: #2c2c2c; font-weight: 700; line-height: 55px;}
.board_contents .qna .contents li a span.subject { width: 90%; letter-spacing: -0.8px; /*text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;*/
												    display: inline-block;  height: 70px;   line-height:1.5; padding:20px 10px; word-break:keep-all; }
.board_contents .qna .contents li a span.date {font-size: 13px; color: #2c2c2c; font-weight: 400; letter-spacing: -0.4px; padding-left:10px;}
.board_contents .qna .contents li:hover {background: #DBECFF; }
.board_contents .qna .contents li a:hover span.subject {color: #024CA1; }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*@media screen and (max-width:359px) {

.pc {display: none;}

.main_visualarea .swiper-container-1 .swiper-slide .slideback {padding-bottom: 79.861112%;}
.main_visualarea .swiper-container-1 .mainprev, .mainnext {display: none;}

.shortcut_list {padding: 32px 0 18px;}
.shortcut_list ul {font-size: 0;}
.shortcut_list ul li {width: 33.3334%; margin-right: 0;}
.shortcut_list ul li.shortcut_item a {float: left; font-size: 15px; letter-spacing: -1px; padding-top: 115px; word-break: keep-all;}
.shortcut_list ul li.shortcut_item a:before {width: 100px; height: 100px; text-align: center; right: 0; margin: 0 auto;}
.shortcut_list ul li.item1 {height: 180px;}
.shortcut_list ul li.item1 a:after {top: 0; background-size: 60% 60%;}
.shortcut_list ul li.item2 {height: 180px;}
.shortcut_list ul li.item2 a:after {top: 5px; left: 3px; background-size: 60% 60%;}
.shortcut_list ul li.item3 {height: 180px;}
.shortcut_list ul li.item3 a:after {top: 5px; width: 90px; background: url("../images/shortcut_ico3.png") no-repeat 47% center; background-size: 60% 60%;}
.shortcut_list ul li.item4 {height: 150px;}
.shortcut_list ul li.item4 a:after {top: 5px; background-size: 60% 60%;}
.shortcut_list ul li.item5 {height: 150px;}
.shortcut_list ul li.item5 a:after {top: 2px; background-size: 63% 63%;}

.board_box {padding: 0; background: #fff;}
.board_box:before {display: none;}
.board_contents .qna {width: 100%; padding: 30px 2%; box-sizing: border-box; background: #f3c955;}
.board_contents .qna .tit h4 {font-size: 20px;}
.board_contents .qna .contents li {height: 45px;}
.board_contents .qna .contents li a {font-size: 14px; line-height: 45px;}
.board_contents .qna .contents li a span.subject {width: 78%;}
.board_contents .qna .contents li a span.date {font-size: 12.5px; letter-spacing: -0.8px;}
.board_contents .notice {width: 100%; padding: 30px 2%; box-sizing: border-box;}
.board_contents .notice .tit h4 {font-size: 20px;}
.board_contents .notice .contents li {height: 45px;}


.board_contents .notice .contents li a span.subject {width: 78%;}
.board_contents .notice .contents li a span.date {font-size: 12.5px; letter-spacing: -0.8px;}

}*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*@media screen and (min-width:360px) and (max-width:719px) {*/
@media screen and (min-width:359px) and (max-width:499px) {

.pc {display: none;}
/* #header-inner-mlogo h1 {width:200px; margin-top:25px;} */

.main_visualbox {height:auto;}
.main_visualarea .swiper-container-1 .swiper-slide .slideback {padding-bottom: 79.861112%;}
.main_visualarea .swiper-container-1 .mainprev, .mainnext {display: none;}

/* .shortcut_list { display:none!important;} */

.qnainner {padding:30px;}
.board_contents .notice .tit h4 {font-size:25px;}
.board_contents .notice .tit h4 img {width:30px;}
.board_contents .qna .tit h4 {font-size:25px;}
.board_contents .qna .tit h4 img {width:30px;}
.board_contents .notice .tit .btnmore a img {width:70%;}
.board_contents .notice .tit .btnmore a {text-align:right;}
.board_contents .qna .tit .btnmore a img {width:70%;}
.board_contents .qna .tit .btnmore a {text-align:right;}

.board_contents .notice .contents li {padding:10px; }


.board_box {padding: 0; background: #fff;}
.board_box:before {display: none;}
.board_contents .qna {width: 100%; }
.board_contents .notice {width: 100%; padding: 40px 5%; box-sizing: border-box;}

.board_contents .qna .contents {/*gap:1%; justify-content: flex-start;*/}
.board_contents .qna .contents li {width:100%; margin-bottom:10px; height:auto; }
.board_contents .qna .contents li:nth-child(7){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(8){border:1px solid red; display:none;}
.board_contents .notice .contents li a {font-size: 14px; line-height: 2;     flex-direction: column!important;  flex-wrap: nowrap;}
.board_contents .qna .contents li a{font-size:15px;}
.board_contents .qna .contents li a span.subject {height:10px;}

.board_contents .qna .contents li:nth-child(5){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(6){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(7){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(8){border:1px solid red; display:none;}

.noticeinner {padding:0px;}
.qnainner {border-radius:0px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*@media screen and (min-width:400px) and (max-width:499px) {

}*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*@media screen and (min-width:500px) and (max-width:640px) {

.shortcut_list {padding: 32px 0;}
.shortcut_list ul li {width: 20%; margin-right: 0;}
.shortcut_list ul li.shortcut_item a {font-size: 16px; padding-top: 110px;}
.shortcut_list ul li.shortcut_item a:before {width: 90px; height: 90px; text-align: center; right: 0; margin: 0 auto;}
.shortcut_list ul li.item1 {height: 140px;}
.shortcut_list ul li.item1 a:after {top: -2px; background-size: 60% 60%;}
.shortcut_list ul li.item2 {height: 140px;}
.shortcut_list ul li.item2 a:after {top: -2px; background-size: 60% 60%;}
.shortcut_list ul li.item3 {height: 140px;}
.shortcut_list ul li.item3 a:after {top: 0; background-size: 60% 60%;}
.shortcut_list ul li.item4 {height: 140px;}
.shortcut_list ul li.item4 a:after {top: -2px; background-size: 60% 60%;}
.shortcut_list ul li.item5 {height: 140px;}
.shortcut_list ul li.item5 a:after {top: 0; background-size: 60% 60%;}

}*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (min-width:500px) and (max-width:767px) {


.pc {display: none;}

.main_visualarea .swiper-container-1 .swiper-slide .slideback {padding-bottom: 79.861112%;}

.main_visualbox {height:auto;}
/* .shortcut_list { display:none!important;} */

.qnainner {padding:30px;}
.board_contents .notice .tit h4 {font-size:35px;}
.board_contents .notice .tit h4 img {width:40px;}
.board_contents .qna .tit h4 {font-size:35px;}
.board_contents .qna .tit h4 img {width:40px;}

.board_box {padding: 0; background: #fff;}
.board_box:before {display: none;}
.board_contents .qna {width: 100%; }
.board_contents .notice {width: 100%; padding: 40px 5%; box-sizing: border-box;}

.board_contents .qna .contents {/*gap:1%; justify-content: flex-start;*/}
.board_contents .qna .contents li {width:100%; margin-bottom:10px; height:auto;}
.board_contents .qna .contents li:nth-child(7){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(8){border:1px solid red; display:none;}


.noticeinner {padding:0px;}
.qnainner {border-radius:0px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {
#header-inner-mlogo {width:250px; }
#header-inner-mlogo img {width:100%;}

.pc {display: none;}

.main_visualarea .swiper-container-1 .swiper-slide .slideback {padding-bottom: 79.861112%;}

/* .shortcut_list { border-bottom:1px solid #ddd;} */

/* .shortcut_list ul {font-size: 0;}
.shortcut_list ul li {width: 20%; margin-right: 0;}
.shortcut_list ul li.shortcut_item a {float: left; font-size: 20px; line-height: 22px;  word-break: keep-all;}
.shortcut_list ul li.shortcut_item a:before {width: 120px; height: 120px; text-align: center; right: 0; margin: 0 auto;}
.shortcut_item a .ico_img {display: flex;   gap: 8px;  flex-direction: column;  align-items: center;}
.shortcut_list ul li.shortcut_item a .txt-length {text-align:center;}

.shortcut_list ul li.item1 {height: 180px;}
.shortcut_list ul li.item1 a:after {top: 13px; background-size: 70% 70%;}
.shortcut_list ul li.item2 {height: 180px;}
.shortcut_list ul li.item2 a:after {top: 13px; background-size: 70% 70%;}
.shortcut_list ul li.item3 {height: 180px;}
.shortcut_list ul li.item3 a:after {top: 15px; background-size: 70% 70%;}
.shortcut_list ul li.item4 {height: 180px;}
.shortcut_list ul li.item4 a:after {top: 15px; background-size: 70% 70%;}
.shortcut_list ul li.item5 {height: 180px;}
.shortcut_list ul li.item5 a:after {top: 13px; background-size: 70% 70%;} */

.board_box {padding: 0; background: #fff;}
.board_box:before {display: none;}
.board_contents .qna {width: 100%; }
.board_contents .notice {width: 100%; padding: 40px 5%; box-sizing: border-box;}

.board_contents .qna .contents {/*gap:1%; justify-content: flex-start;*/}
.board_contents .qna .contents li {width:25%; margin-bottom:10px;}
.board_contents .qna .contents li:nth-child(7){border:1px solid red; display:none;}
.board_contents .qna .contents li:nth-child(8){border:1px solid red; display:none;}


.noticeinner {padding:0px;}
.qnainner {border-radius:0px;}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*@media screen and (min-width:1024px) and (max-width:1279px) {*/

@media screen and (min-width:1151px) and (max-width:1464px) {

.mobile {display: none;}
.main_visualarea .swiper-container-1 .swiper-slide .slideback {padding-bottom: 400px; background-size: cover !important;background-position: center center !important;}
/*.shortcut_list ul li {margin-right: 3%;}
.shortcut_list ul li.shortcut_item a {font-size: 16px;}
.shortcut_list ul li.shortcut_item a span {word-break: keep-all;}

.board_box {background: #fff;}
.board_box:before {background: #f3c955;}
.board_contents .qna {width: 46.66666666666667%; background: #f3c955;}
.board_contents .notice {width: 46.66666666666667%;}
*/

#header-inner-logo h1 {width:250px}
.gnb > li > a {padding :30px 10px; font-size:18px;}
/* .utils_btns ul li a {padding:0 5px;} */
/* .utils_btns ul li a:last-child{padding:0 5px;} */
.mypagebox {width:auto;}

.board_contents .qna .contents {gap:1%; justify-content: flex-start;}
.board_contents .qna .contents li {width:20%; margin-bottom:10px;}



}


@media screen and (min-width:1024px) and (max-width:1150px) {
.aside_left {display:none;}
.mobile {display: none;}
#header-inner-logo h1 {width:250px}
.gnb > li > a {padding :30px 10px; font-size:18px;}
/* .utils_btns ul li a {padding:0 5px;} */
/* .utils_btns ul li a:last-child{padding:0 5px;} */
.mypagebox {width:auto;}

/* .shortcut_list ul {font-size: 0;}
.shortcut_list ul li {width: 20%; margin-right: 0;}
.shortcut_list ul li.shortcut_item a {font-size: 17px; line-height: 22px;  word-break: keep-all;}
.shortcut_list ul li.shortcut_item a:before {width: 120px; height: 120px; text-align: center; right: 0; margin: 0 auto;}
.shortcut_list ul li.item1 {height: 180px;}
.shortcut_list ul li.item1 a:after {top: 13px; background-size: 70% 70%;}
.shortcut_list ul li.item2 {height: 180px;}
.shortcut_list ul li.item2 a:after {top: 13px; background-size: 70% 70%;}
.shortcut_list ul li.item3 {height: 180px;}
.shortcut_list ul li.item3 a:after {top: 15px; background-size: 70% 70%;}
.shortcut_list ul li.item4 {height: 180px;}
.shortcut_list ul li.item4 a:after {top: 15px; background-size: 70% 70%;}
.shortcut_list ul li.item5 {height: 180px;}
.shortcut_list ul li.item5 a:after {top: 13px; background-size: 70% 70%;} */


.board_contents .qna .contents {gap:1%; justify-content: flex-start;}
.board_contents .qna .contents li {width:19%; margin-bottom:10px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.mobile {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

.mobile {display: none;}

}