/*비주얼*/
#visual {width:100%; z-index: 0; position:relative; overflow:hidden;}
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%;}
#visual .bxslider li .ptext {}


#visual .bx-controls{width:100%; position:absolute; left:0; bottom: 10px; width:100%; text-align:center;}
#visual .bx-wrapper .bx-pager { display:inline-block; vertical-align:middle;}
#visual .bx-wrapper .bx-pager.bx-default-pager a { width:10px; height:10px; border-radius:50%; border:1px solid #43a7fc; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; margin:0px 4px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a.active { background:#43a7fc;}


/*컨텐츠*/
#container{}
#container .inn{position:relative; line-height:1.3;} 
#container img{vertical-align:middle;}

#container .cts1{padding:2.35rem 0 2.35rem;}
#container .cts1 ul{overflow:hidden;}
#container .cts1 ul li{width:25%; float:left; text-align:center;}
#container .cts1 ul li a{padding-top:5.5rem;display:inline-block;position:relative; font-size:.85rem; letter-spacing: -0.03em; font-weight:500; color:#221815;text-align:center; width:100%;transition:all .2s ease-in-out;}
#container .cts1 ul li:nth-of-type(1) a{background:url('/images/default/main/i01.png') center 10px no-repeat; background-size:4rem auto;}
#container .cts1 ul li:nth-of-type(2) a{background:url('/images/default/main/i02.png') center 10px no-repeat; background-size:4rem auto;}
#container .cts1 ul li:nth-of-type(3) a{background:url('/images/default/main/i03.png') center 10px no-repeat; background-size:4rem auto;}
#container .cts1 ul li:nth-of-type(4) a{background:url('/images/default/main/i04.png') center 10px no-repeat; background-size:4rem auto;}
#container .cts1 ul li a:hover{background-position:center 0px;}


#container .cts2{background:#43a7fc;padding:2.5rem 1rem;}
#container .cts2 .inn{}
#container .cts2 .board{background:#fff;border-radius:2rem; margin-bottom:1.5rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, .15);}
#container .cts2 .gallery{background:#fff; border-radius:2rem;  box-shadow: 0px 5px 10px rgba(0, 0, 0, .15);}
#container .cts2 .tab{position:relative; padding:2rem 1.5rem 1rem; border-bottom:1px solid #BFC0C0;}
#container .cts2 .tab h4{font-size:1.6rem; font-weight:300;}
#container .cts2 .tab h4 b{font-weight:500;}
#container .cts2 .tab ul{overflow:hidden;margin-top:15px;}
#container .cts2 .tab ul li{float:left; width:50%;}
#container .cts2 .tab ul li a{display:block; width:100%; text-align:center; padding:5px 15px; border:1px solid #43a7fc; color:#727171;}
#container .cts2 .tab ul li.on a{background:#43a7fc; color:#fff;}

#container .cts2 .pcon{position:relative;}
#container .cts2 .recent_notice{padding:0.5rem 1.5rem 1.5rem;}
#container .cts2 .recent_notice dl{flex-flow: row wrap; flex-direction:row-reverse; letter-spacing:-0.03em;}
#container .cts2 .recent_notice dt{flex-basis: 25%; color:#898989; padding:1rem 0; border-top:1px dotted #ABACAC; font-size:0.8rem;}
#container .cts2 .recent_notice dd{flex-basis: 100%; padding:1rem 0; border-top:1px dotted #ABACAC; word-break:break-all;}
#container .cts2 .recent_notice dt:nth-of-type(1),
#container .cts2 .recent_notice dd:nth-of-type(1){border-top:none;}
#container .cts2 .recent_notice img{vertical-align:top; width:1rem;}
#container .cts2 .gal{padding:1.5rem 3rem; text-align:center;}
#container .cts2 .gallery_photo{padding-top:72%; margin-bottom:20px; border:1px solid #898989; border-radius:20px;}

#container .cts2 .swiper-button-prev, .swiper-button-next{width:1.4rem; height:1.4rem; transform:translateY(-50%); z-index:1000; cursor:pointer;}
#container .cts2 .swiper-button-prev{background: url('/images/default/main/vl.png') no-repeat center top;  left:0.8rem; background-size:100% 100%;}
#container .cts2 .swiper-button-next{background: url('/images/default/main/vr.png') no-repeat center top;  right:0.8rem; background-size:100% 100%;}
#container .cts2 .swiper-button-next.swiper-button-disabled, 
#container .cts2 .swiper-button-prev.swiper-button-disabled{opacity:0;}

/*배너*/
#container .cts3{background:#43a7fc; padding:0 0 2.5rem;}
#wrap .botBan{padding:0 3.5rem; position:relative; z-index:0;}
#wrap .botBan ul li{height:4rem; line-height:4rem; background: #fff; border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 5px;}
#wrap .botBan ul li div{height: 100%; display: flex; justify-content: center; align-items: center;}
#wrap .botBan ul li div img{width: 90%; max-width: 90%; max-height: 90%; text-align: center; vertical-align: middle;}
#wrap .botBan .prev1, #wrap .botBan .next1{width:.85rem; height:1.45rem; top:50%;  transform:translateY(-50%); margin-top:0; z-index:1000;position:absolute; cursor:pointer; pointer-events: auto; -webkit-transition: all 0.25s; transition: all 0.25s; z-index:10; background: none;}

#wrap .botBan .prev1:after, #wrap .botBan .next1:after{position: absolute; display: block; font-size: 1rem; font-weight: 500; width: 100%; height: 100%; line-height: -1; font-family: 'xeicon'; color: #fff; background: none; -webkit-transition: all 0.25s; transition: all 0.25s;}
#wrap .botBan .prev1:after{content:"\e93b"; left:0;}
#wrap .botBan .next1:after{content:"\e93e"; right:0;}
#wrap .botBan .prev1:hover:after, #wrap .botBan .next1:hover:after{color: #fff;}

#wrap .botBan .prev1.swiper-button-disabled{opacity:1;}
#wrap .botBan .next1.swiper-button-disabled{opacity:1;}