@charset "utf-8";
/*
 * File Name : main.css
 * 작성일 : 2023-09-09
 */

/********************************************************

 *  Main Visual

 ********************************************************/
.main_visual_wrap { position:relative; }
.main_visual_wrap .main_visual { max-width:1920px; margin:0 auto; }
.main_visual_wrap .visual_con { position:absolute; left:0; bottom:0; width:100%; }
.main_visual_wrap .visual_con .notice_wrap { display:flex; align-items:center; max-width:1080px; margin:0 auto; overflow:hidden; }
.main_visual_wrap .visual_con .notice_wrap:after { content:''; background-color:rgba(0,150,241,0.8); width:100%; height:75px; position:absolute; left:0; top:0; }
.main_visual_wrap .visual_con .notice_wrap h2 { color:#fff; font-weight:500; display:table-cell; width:15%; position:relative; z-index:1; vertical-align:middle; }
.main_visual_wrap .visual_con .notice_wrap h2:after { content:''; width:25px; height:25px; background-image:url('../img/common/icon-all.png'); background-repeat:no-repeat; background-position:-8px -8px; display:inline-block; vertical-align:-5px; margin-left:5%; }
.main_visual_wrap .visual_con .notice_wrap .list { width:85%; position:relative; z-index:1; overflow:hidden; height:75px; }
.main_visual_wrap .visual_con .notice_wrap .list .article {  }
.main_visual_wrap .visual_con .notice_wrap .list .article li { display:flex; justify-content:space-between; align-items:center; height:75px; font-size:16px; padding:0 180px 0 20px; }
.main_visual_wrap .visual_con .notice_wrap .list .article li a { width:70%; color:#fff; white-space:nowrap; text-overflow:ellipsis; }
.main_visual_wrap .visual_con .notice_wrap .list .article li .date { width:30%; text-align:right; color:#fff; }

/*좌우 페이지 버튼*/
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction { position:absolute; left:42.3%; bottom:35px; width:80px; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction li { display:inline-block; vertical-align:middle; position:absolute; top:0; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction li:nth-child(2) { right:0; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction a { background-image:url('../img/common/icon-all.png'); background-repeat:no-repeat; border:1px solid #fff; display:block; font:0px/0 Arial; text-indent:-10000px; position:absolute; width:40px; height:40px; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction a.bx-prev { background-position:-202px -1px; left:-39px; top:0; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls-direction a.bx-next { background-position:-243px -1px; right:40px; top:0; }
.main_visual_wrap .visual_con .notice_wrap .bx-controls { position:absolute; right:100px; bottom:6px; }
/*더보기*/
.main_visual_wrap .visual_con .notice_wrap .more { position:absolute; right:21px; top:18px; }
.main_visual_wrap .visual_con .notice_wrap .more a { background-image:url('../img/common/icon-all.png'); background-repeat:no-repeat; background-position:-122px -1px; border:1px solid #fff; display:block; width:40px; height:40px; position:relative; }


.main_visual_wrap .Introduction { background-color:rgba(4,83,170,0.9); padding:30px 20px; text-align:center; word-break:keep-all; }
.main_visual_wrap .Introduction h2 { color:#fff; font-size:1.5rem; display:block; font-weight:normal; margin:0 0 15px 0; }
.main_visual_wrap .Introduction a { border:1px solid rgba(255,255,255,1); border-radius:100px; color:#fff; font-size:14px; display:inline-block; padding:10px 20px; margin:0 5px; transition:all .3s; }
.main_visual_wrap .Introduction a:hover { background-color:rgba(255,255,255,1); color:#2c394c; }

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

.main_visual_wrap .main_visual .bx-pager { bottom:280px; }

.main_visual_wrap .visual_con .notice_wrap h2 { display:none; }
.main_visual_wrap .visual_con .notice_wrap .list { width:100%; }
.main_visual_wrap .visual_con .notice_wrap .list .article li { padding:0 20px; }
.main_visual_wrap .visual_con .notice_wrap .list .article li a { overflow:hidden; }

.main_visual_wrap .visual_con .notice_wrap .bx-controls { display:none; }
.main_visual_wrap .visual_con .notice_wrap .more { display:none; }


}


/********************************************************

 *  Main Content

 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Section 01 : 아이콘 링크
 *----------------------------------------------------------------------------*/
/*아이콘 링크*/
.icon_link { background-color:#e5f4fe; padding:55px 0; width:100%; }
.icon_link ul { display:table; width:100%; table-layout:fixed; ; margin:0 auto; max-width:1080px; }
.icon_link ul li { display:table-cell; text-align:center; vertical-align:middle; font-size:16px; }
.icon_link ul li a { color:#2c394c; font-weight:500; display:block; transition:all .3s; }
.icon_link ul li a:hover { color:#4d9cf1; }
.icon_link ul li i { background:url('../img/common/icon-all.png'); background-repeat:no-repeat; width:70px; height:65px; display:block; margin:0 auto 25px; transition:all .3s; }
/*아이콘*/
.icon_link ul li.mn01 i { background-position:5px -52px; }
.icon_link ul li.mn01:hover i { background-position:5px -136px; }
.icon_link ul li.mn02 i { background-position:-102px -55px; }
.icon_link ul li.mn02:hover i { background-position:-102px -139px; }
.icon_link ul li.mn03 i { background-position:-211px -50px; }
.icon_link ul li.mn03:hover i { background-position:-211px -134px; }
.icon_link ul li.mn04 i { background-position:-319px -55px; }
.icon_link ul li.mn04:hover i { background-position:-319px -139px; }
.icon_link ul li.mn05 i { background-position:-320px -55px; }
.icon_link ul li.mn05:hover i { background-position:-320px -139px; }
.icon_link ul li.mn06 i { background-position:-428px -55px; }
.icon_link ul li.mn06:hover i { background-position:-428px -139px; }

@media screen and (max-width:768px){
.icon_link { padding:20px 20px 10px 20px; }
.icon_link ul { display:block; }
.icon_link ul:after { content:''; clear:both; display:block; }
.icon_link ul li { display:block; font-size:0.9rem; float:left; width:33.3%; margin-bottom:15px; }
.icon_link ul li i { margin-bottom:10px; }
}

/*-----------------------------------------------------------------------------
 *  Section 02 : 교육영상, 포토스케치 최신글
 *----------------------------------------------------------------------------*/
.gallery_board { max-width:1080px; margin:40px auto; }
.gallery_board .tit_wrap { display:flex; justify-content:space-between; align-items:center; margin:40px 0 20px 0; }
.gallery_board .tit_wrap h2 { font-size:24px; }
.gallery_board ul { display:flex; justify-content:space-between; }
.gallery_board ul li { width:32%; }
.gallery_board ul li .thumb_img { width:100%; height:165px; overflow:hidden; }
.gallery_board ul li .thumb_img img { transition:all .3s; }
.gallery_board ul li .tit { width:100%; padding:25px 0; text-align:center; font-size:20px; color:#000; }
.gallery_board ul li .more_btn { border-top:1px solid #bfc3c9; border-bottom:1px solid #2c394c; color:#333; display:block; font-size:14px; padding:15px 0; text-align:center; }
.gallery_board ul li .more_btn i { font-family:'icomoon' !important; transition:all .3s; }
.gallery_board ul li .more_btn i:before { content:'\e925'; font-size:20px; display:inline-block; }
.gallery_board ul li a:hover .more_btn i { margin-left:20px; }
.gallery_board ul li a:hover .thumb_img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }

.gallery_board ul li.no_data { width:100%; line-height:100px; text-align:center; }

@media screen and (max-width:768px){
.gallery_board { padding:0 20px; }
.gallery_board ul { flex-direction:column; }
.gallery_board ul li { display:none; width:100%; }
.gallery_board ul li:first-child { display:block; }
}