@charset "utf-8";
@import url("./default.css"); 

body{ }

#container {width:100%; margin:0px auto; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; height:195px; box-sizing:border-box; } /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { position:relative; max-height:478px; width:100%; overflow:hidden;}
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .slick-list {   }
#main_visual { width:100%; height:478px; }
.visual_wrap img { margin:0 auto 0; }

.visual_wrap .slick-dots { position:absolute; text-align:right; width:1187px; bottom:204px; height:9px; left:calc(50% - 13px); transform:translateX(-50%); box-sizing:border-box; padding:0 0px 0 0px; z-index:1; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; width:55px; height:9px; background:transparent; cursor:pointer; border-radius:150px; margin:0 5px; box-sizing:border-box; border:2px solid #fff; position:relative; z-index:1; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); z-index:1; }
.visual_wrap .slick-dots li button { display:none; }
.visual_wrap .slick-dots li.slick-active { background:#fff; }

.visual_wrap .main_btn { position:absolute; text-align:left; width:1200px; bottom:196px; height:10px; left:50%; transform:translateX(-50%); box-sizing:border-box; padding:0 0 0 0px; }
.visual_wrap .main_btn li { float:right; }
.visual_wrap .main_btn li a { display:block; width:10px; height:10px; text-indent:-99999px; }
.visual_wrap .main_btn li.vbtn02 a { background:url(../images/main/v_bt2.png) left top no-repeat; }
.visual_wrap .main_btn li.v_stop a { background:url(../images/main/v_bt2_on.png) left top no-repeat; }


#main_cont1 { background:#ebebeb; padding:60px 0 72px;}
.infobox { width:100%; height:auto; }
.infobox h3 { font-size:30px; line-height:30px; color:#333; text-align:center;  }
.infobox h3 span { display:inline-block; padding:0 37px 0; background:url(../images/main/i_side1.png) left center no-repeat, url(../images/main/i_side2.png) right center no-repeat;}

.infobox ul { display:flex; justify-content:space-between; margin-top:55px; }
.infobox ul li { width:281px; }
.infobox ul li a { display:block; width:100%; height:194px; box-sizing:border-box; border:1px solid #ddd; padding:0 25px 0; position:relative; box-shadow:3px 3px 6px rgba(0,0,0,0.15); }
.infobox ul li.ic1 a { background:url(../images/main/i_bg1.png) no-repeat center center / cover; }
.infobox ul li.ic2 a { background:url(../images/main/i_bg2.png) no-repeat center center / cover; }
.infobox ul li.ic3 a { background:url(../images/main/i_bg3.png) no-repeat center center / cover; }
.infobox ul li.ic4 a { background:url(../images/main/i_bg4.png) no-repeat center center / cover; }

.infobox ul li a span { display:block; font-size:20px; color:#06064d; font-weight:600; padding:69px 0 0 0; }
.infobox ul li.ic1 a span { background:url(../images/main/i_ic1.png) left 0px top 21px no-repeat; }
.infobox ul li.ic2 a span { background:url(../images/main/i_ic2.png) left 0px top 21px no-repeat; }
.infobox ul li.ic3 a span { background:url(../images/main/i_ic3.png) left 0px top 27px no-repeat; }
.infobox ul li.ic4 a span { background:url(../images/main/i_ic4.png) left 0px top 24px no-repeat; }

.infobox ul li a::before { content:""; display:block; width:45px; height:45px; border-radius:50%; background:#17357a url(../images/main/i_arrow.png) center center no-repeat; position:absolute; right:22px; bottom:22px; box-shadow:0px 0px 3px 1px rgba(23,53,122,0.3); transition:all 0.4s; }
.infobox ul li a:hover::before { background: rgb(255,114,8);
background: url(../images/main/i_arrow.png) center center no-repeat, linear-gradient(148deg, rgba(255,114,8,1) 0%, rgba(246,211,101,1) 100%); }

#main_cont2 { padding:68px 0 71px; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 49px 0 0; width:774px; height:auto;  }
.galleryGroup h3 { height:52px; }
.galleryGroup h3 a { display:inline-block; vertical-align:top; padding:0 0 0 40px; line-height:30px; font-size:26px; color:#333; background:url(../images/main/gtitle.png) left top no-repeat;}
.galleryGroup .main_btn { position:absolute; right:46px; top:10px; }
.galleryGroup .main_btn::before { content:""; display:block; width:1px; height:10px; background:#000d2b; position:absolute; left:calc(50% - 0.5px); top:1px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; }
.galleryGroup .main_btn li.gbtn01 { margin-right:21px; }
.galleryGroup .main_btn li a { display:block; text-indent:-99999px; width:19px; height:12px;}
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/g_bt1.png) left top no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/g_bt3.png) left top no-repeat; }

.galleryGroup .more { position:absolute; right:0; top:0; }
.galleryGroup .more a { display:block; width:30px; height:30px; box-sizing:border-box; border:1px solid #17357a; text-indent:-99999px; background:#fff url(../images/main/more1.png) center center no-repeat; }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0; }
.galleryGroup .slick-slide { width:375px; height:328px; margin:0 23px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:328px; width:100%; }
.galleryGroup .slick-slide .gitem a::before { content:""; display:block; width:50%; height:3px; text-indent:-99999px; background:#17357a; position:absolute; left:0; bottom:0; }
.galleryGroup .slick-slide .gitem a::after { content:""; display:block; width:50%; height:3px; text-indent:-99999px; background:#f77a00; position:absolute; right:0; bottom:0; }

.galleryGroup .slick-slide .gitem .pic { width:100%; height:256px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic::before { content:""; display:block; width:0%; height:0%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3) url(../images/main/g_ic.png) center center no-repeat; transition:all 0.5s; }
.galleryGroup .slick-slide .gitem:hover .pic::before { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { margin:4px 0 0; width:100%; height:35px; line-height:35px; font-size:18px; color:#333; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.galleryGroup .slick-slide .gitem a:hover .g_sub { }
.galleryGroup .slick-slide .gitem .g_date { text-align:right; font-size:16px; color:#666666;  }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top;  width:12px; height:12px; background:url(../images/main/g_date.png) left top no-repeat; margin:5px 5px 0 0;}

.galleryGroup2 { width:377px; height:380px; box-shadow:0px 0px 7px rgba(0,0,0,0.25); padding:0 20px;}
.galleryGroup2::before { content:""; display:block; width:100%; height:133px; background:url(../images/main/g_pat2.png) left top; position:absolute; left:0; bottom:0; }
.galleryGroup2 h3 { height:74px; box-sizing:border-box; padding:17px 0 0; }
.galleryGroup2 h3 a { font-size:22px; color:#333; line-height:30px; }

.galleryGroup2 .main_btn {   }
.galleryGroup2 .main_btn li { position:absolute; top:50%; transform:translateY(-50%);}
.galleryGroup2 .main_btn li.g2btn01 { left:20px; }
.galleryGroup2 .main_btn li.g2btn03 { right:20px; }
.galleryGroup2 .main_btn li a { display:block; text-indent:-99999px; width:38px; height:38px; border-radius:50%; }
.galleryGroup2 .main_btn li.g2btn01 a { background:#898989 url(../images/main/g_bt4.png) center center no-repeat; }
.galleryGroup2 .main_btn li.g2btn03 a { background:#898989 url(../images/main/g_bt5.png) center center no-repeat; }

.galleryGroup2 .more { position:absolute; right:16px; top:20px; }
.galleryGroup2 .more a { display:block; width:24px; height:24px; box-sizing:border-box; text-indent:-99999px; background:url(../images/main/more2.png) center center no-repeat; }

.galleryGroup2 #gallery_scroll2 { width:calc(100% - 106px); height:290px; margin:0px auto 0; }
.galleryGroup2 #gallery_scroll2 .pic { width:100%; height:244px; box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:7px 5px; }
.galleryGroup2 #gallery_scroll2 .pic span { display:block; width:100%; height:230px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup2 #gallery_scroll2 .pic span img { position:absolute; left:-999999px; top:0; }
.galleryGroup2 #gallery_scroll2 .g_sub { margin:0px 0 0; width:100%; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-transform:capitalize;  }
.galleryGroup2 #gallery_scroll2 a:hover .g_sub { text-decoration:underline; }



/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width:1024px) {

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:-10px auto 0; min-height:100%;}

/*메인비주얼*/
.visual_wrap { position:relative; max-height:478px; width:100%; overflow:hidden;}
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .slick-list {   }
#main_visual { width:100%; height:478px; }
.visual_wrap img { margin:0 auto 0; width:100%; }

.visual_wrap .slick-dots { position:absolute; text-align:right; width:calc(94% - 20px); bottom:20px; height:9px; left:3%; transform:none; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; width:55px; height:9px; background:transparent; cursor:pointer; border-radius:150px; margin:0 5px; box-sizing:border-box; border:2px solid #fff; position:relative; z-index:1; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); z-index:1; }
.visual_wrap .slick-dots li button { display:none; }
.visual_wrap .slick-dots li.slick-active { background:#fff; }

.visual_wrap .main_btn { position:absolute; text-align:left; width:94%; bottom:20px; height:10px; left:3%; transform:none; box-sizing:border-box; padding:0 0 0 0px; }

/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0 3% 20px 3% !important;}

#main_cont1 { background:#ebebeb; padding:30px 0 10px;}
.infobox { height:auto; }
.infobox h3 { font-size:24px; line-height:30px; color:#333; text-align:center;  }

.infobox ul { display:flex; justify-content:center; margin-top:20px; flex-wrap:wrap; }
.infobox ul li { max-width:281px; width:calc(100% - 20px); margin:0 10px 20px; }

#main_cont2 { padding:30px 0 10px; }

.galleryGroup h3 a { font-size:22px; }


}

@media all and (max-width:719px) {
.galleryGroup .slick-slide { margin:0 0px 25px 0; }


}

@media all and (max-width:550px) {



}


@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}