/*팝업
#wpps_popup{position:absolute; z-index:999; top:50px; left:10px;  box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;}

#wpps_popup img{width:100%; display:block;}
.wpps-popup-cont{position:relative;}
.close{background:#333; color:#fefefe; text-align:right; font-size:11px; padding: 8px 0;}

.close #close, .close #close1, .close #close2{background:#555; border-radius:3px; padding:5px; margin:0 5px; font-size:0; display:inline-block; cursor:pointer; vertical-align: middle;}
.close #close i, .close #close1 i, .close #close2 i{font-size:15px; color:#fff;}
.wpps-popup-btn{position:absolute;  bottom:0px; height:auto;}
.wpps-popup-btn a{display:block; }

.layer_close{position:absolute; top:0; left:-99999px; display:block; z-index:9;}
.layer_close:focus{display:block; left:0;}

@media screen and (max-width:550px){
#wpps_popup{top:85px; left:1%; width:65%;}
#wpps_popup.p_200717, #wpps_popup.p_200803{top:58px;}

.wpps-popup-btn a{margin-bottom:3px;}
}
*/

/*메인 비주얼*/
#mainVisual{position:relative; width:100%;  overflow: hidden;  height:500px;  z-index: 2;  color: #fff; padding-top:161px;}
#mainVisual #visual .visual_item{overflow:hidden;}
#mainVisual #visual .visual_item img.v_bg{display: block;    position: relative;    margin-left: -1000px;    left: 50%; }
#mainVisual #visual .visual_item .v_txt{position:absolute; top:30%; left:50%; margin-left:50px; transition:all 0.2s;}
#mainVisual #visual .visual_item .v_txt img{display:inline-block;}

.LR_btn{width:100%;}
.LR_btn li{display:inline-block;  position:absolute; top:45%; font-size:50px; color:#fff; opacity:0.9; cursor:pointer; z-index:5;}
.LR_btn li i{font-weight:700; text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.LR_btn li.prev{left:50px;}
.LR_btn li.next{right:50px;}

#mainVisual .slick-dots{position:absolute;left:50%; bottom:177px;  margin-left:428px;}
#mainVisual .slick-dots li{float:left; margin:0;}
#mainVisual .slick-dots li button{ width: 6px; height: 6px; border-radius:999px; margin: 0 0.375rem; border:3px solid rgba(255,255,255,0.7); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-sizing:border-box;}
#mainVisual .slick-dots li.slick-active button{ background-color: #fff; border-color:#fff;}

#mainVisual .P_btn{position:absolute;left:50%; bottom:169px; margin-left:403px;}
#mainVisual .P_btn button i{font-size:23px; color:#fff; opacity:1;}
#mainVisual .P_btn .play{display:none;}

/*공통 제목, 버튼*/
.inner{max-width:1200px; margin:0 auto; }
.inner_1000{max-width:1000px; margin:0 auto;}
.inner_plus{max-width:1250px; margin:0 auto;}

.btn_box{width:97%; text-align:right; margin-top:0px; margin-bottom:30px;}
.btn_box .more_btn{display:inline-block; padding:0px 20px; height:36px; line-height:36px; border:2px solid rgba(255,255,255,0.7);     vertical-align: middle; font-size:1.5rem;  color:#fff; transition: all 0.3s;     border-radius: 50px; font-weight:400;}
.btn_box .more_btn i{display:inline-block; margin-top:-3px; padding-left:10px; font-size:1.8rem;  vertical-align:middle;  -webkit-transition:all 0.3s;  -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.btn_box .more_btn:hover i{padding-left:15px;}

.inline{float:left; width:calc((100% - 60px) / 2); margin-left:60px;}
.inline:first-child{margin-left:0;}
.gray_bg{background:#f7f7f7; padding:70px 0;}

.t_inline{display:table-cell; width:50%;}
.t_inline:first-child{border-right:60px solid transparent;}

.main_tit{position:relative;font-size:2.5rem; font-weight:400; padding:7px 0 10px; border-bottom:2px solid #666;}
.main_tit a.plus{position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:30px; height:30px; background:#115192; text-align:center;     line-height: 30px;}
.main_tit a.plus i{display:inline-block; font-size:2.2rem; color:#fff;  line-height:30px;}

.center_tit{position:relative; font-size:2.8rem; font-weight:400; text-align:center; padding-bottom:20px;}
.center_tit:after{content:""; display:block; width:35px; height:2px; background:#115192; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.more_btn{text-align:center;}
.more_btn a{display:inline-block; font-size:2rem; color:#fff; background:#115192; padding:10px 40px; box-sizing:border-box; font-weight:400;}
.more_btn a i{display:inline-block; font-size:2.3rem; line-height:1em; vertical-align:middle; margin-top:-5px;}

#borad_cont{margin-top:-50px; position:relative; z-index:50;}
#borad_cont .inner_plus{padding:50px; background:#fff; box-sizing:border-box;}
#borad_cont .tap_board .tab-list li{position:relative; float:left; width:50%; background:#e8e8e8; text-align:center; cursor:pointer; padding:10px; box-sizing:border-box;}
#borad_cont .tap_board .tab-list li{font-size:2.2rem; font-weight:400;}
#borad_cont .tap_board .tab-list li i{display:none; position:absolute; top:50%; transform:translateY(-50%); right:20px;}
#borad_cont .tap_board .tab-list li.active{background:#115192; color:#fff;}
#borad_cont .tap_board .tab-list li.active i{display:block; color:#fff;}

#borad_cont .board_Tab_Form{margin-top:25px;}
#borad_cont .board_Tab_Form li{position:relative; margin-top:20px;}
#borad_cont .board_Tab_Form li a{display:block; width:83%; font-size:2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#borad_cont .board_Tab_Form li span{position:absolute; top:0; right:0; font-size:1.8rem; color:#777777;}
#borad_cont .board_Tab_Form li:hover a{text-decoration:underline;}

#borad_cont .f_event li{position:relative; margin-top:20px;}
#borad_cont .f_event li .date{display:block; position:absolute; top:0; left:0; font-size:2rem; color:#115192; font-weight:400;}
#borad_cont .f_event li a{display:block; padding-left:95px;font-size:2rem; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}
#borad_cont .f_event li a .fe_icon{margin-right:5px;}
#borad_cont .f_event li a .fe_icon img{height:18px; vertical-align:inherit; line-height:20px;}
#borad_cont .f_event li:hover a{text-decoration:underline;}

#ac_info .inner{text-align:left;}
#ac_info .account_box li{margin-top:25px; }
#ac_info .account_box li .tit{font-size:2rem; color:#115192; font-weight:400; margin-bottom:10px; padding-left:10px; border-left:3px solid #115192; line-height:1em;}
#ac_info .account_box li .tit .small{font-size:1.7rem;}
#ac_info .account_box li .cont{margin-left:13px;}
#ac_info .account_box li .cont img{display:inline-block; height:17px; margin-top:7px;}
#ac_info .account_box li .cont span{display:inline-block; margin-left:15px; font-size:1.8rem;}
#ac_info .account_box li .cont span.num{color:#115192; font-weight:400; font-size:2rem;}

#ac_info .info_box{display:table; border: 1px solid #e2e2e2; box-sizing: border-box; border-radius:20px;}
#ac_info .info_box .tit_box{position:relative; display:table-cell; width:210px;  box-sizing:border-box; background:#115192 url("../../images/common/mark-small.png") no-repeat; background-size:203px auto; background-position: 40px -50px; border-radius:20px 0 0 20px;}
#ac_info .info_box .tit_box p{position:absolute; bottom:40px; left:40px;color:#fff; font-weight:400; font-size:2.3rem;}
#ac_info .info_box .cont{display:table-cell; background:#ffffff; padding:20px 35px; border-radius:0 20px 20px 0;}
#ac_info .info_box .cont li{font-size:1.8rem; margin-top:15px;}
#ac_info .info_box .cont li:first-child{margin-top:0;}
#ac_info .info_box .cont li span{color:#115192; font-weight:400;}
#ac_info .info_box .cont li span i{display:inline-block; margin-right:5px;}
#ac_info .info_box .cont li p{padding-left:26px; word-break:keep-all;}

#quick_menu{margin:70px 0;}
#quick_menu ul{font-size:0; text-align:center;}
#quick_menu li{display:inline-block; font-size:2rem; width:25%; border-left:1px solid #d0d0d0; box-sizing:border-box;}
#quick_menu li:first-child{border-left:0;}
#quick_menu li a{display:block; padding:0 50px;}
#quick_menu li .img_box{display:block; text-align:center;}
#quick_menu li .img_box img{height:55px;}
#quick_menu li .txt{margin-top:30px;}
#quick_menu li .txt .tit{font-weight:400; font-size:2rem;}
#quick_menu li .txt .tit i{display:inline-block; transition:all 0.2s;}
#quick_menu li .txt .detail{margin-top:20px; color:#8a8a8a; font-size:1.7rem; word-break:keep-all;}
#quick_menu li:hover .txt .tit{color:#115192;}
#quick_menu li:hover .txt .tit i{padding-left:10px;  color:#115192;}

#event_gallery{background: #f7f7f7 url(../../images/common/mark-big.png) no-repeat; background-position:-200px -120px; }
#event_gallery ul{font-size:0; margin-top:50px;}
#event_gallery li{display:inline-block; font-size:2rem; width: calc((100% - 60px) / 4); margin-left:20px; box-sizing:border-box; border-bottom:2px solid #115192;}
#event_gallery li:first-child{margin-left:0;}
#event_gallery li .pic_box{position:relative; height:200px; overflow:hidden;}
#event_gallery li .pic_box .more{opacity:0; transition:all 0.2s; display:inline-block; border:2px solid #fff; font-size:1.7rem; color:#fff; padding:7px 15px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:5;}
#event_gallery li .pic_box .more i{ color:#fff; display:inline-block;}
#event_gallery li .pic_box:after{content:""; display:block; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; transition:all 0.2s;}
#event_gallery li .pic_box img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); height:200px; vertical-align:middle; overflow:hidden; }
#event_gallery li .txt_box{padding:20px;}
#event_gallery li .txt_box .date{font-size:1.9rem; font-weight:400; color:#115192;}
#event_gallery li .txt_box p{font-size:2.1rem; font-weight:400; margin-top:5px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}
#event_gallery li:hover .pic_box:after{opacity:1;}
#event_gallery li:hover .pic_box .more{opacity:1;}

#event_gallery .more_btn{margin-top:55px;}
#event_gallery .more_btn a{border:3px solid transparent; transition:all 0.2s;}
#event_gallery .more_btn a:hover{background:#fff; color:#115192; border:3px solid #115192; font-weight:600;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:1200px) {
/*메인 비주얼*/
#mainVisual{height:450px;}
#mainVisual #visual .visual_item .v_txt{width:100%; top:24%;}
#mainVisual #visual .visual_item .v_txt .vt_01{width:800px;}

/*컨텐츠 공통 */
#mainContents{width:100%;}
.inner{width:100%; max-width:100%; padding:0 30px; box-sizing:border-box;}

#ac_info .account_box.inline{width:calc(60% - 60px);}
#ac_info .account_box li .cont{margin-left:0;}
#ac_info .info_box.inline{display:block; width:40%; border-radius:10px;}
#ac_info .info_box .tit_box{display:block; width:100%; border-radius:10px 10px 0 0; padding:15px 20px; background-position:center; background-size:350px auto;}
#ac_info .info_box .tit_box p{position:static; top:auto; left:auto; text-align:center;}
#ac_info .info_box .tit_box p br{display:none;}
#ac_info .info_box .cont{display:block; padding:35px; border-radius:0 0 10px 10px;}
#ac_info .info_box .cont li{position:relative;}
#ac_info .info_box .cont li span{position:absolute; top:0; left:0;}
#ac_info .info_box .cont li p{padding-left:100px;}

#quick_menu li a{padding:0 30px;}

}

@media (max-width:1024px) {
/*메인 비주얼*/
#mainVisual{padding-top:90px;}
#mainVisual #visual .visual_item .v_txt{margin-left:-55px; top:34%;}
#mainVisual #visual .visual_item .v_txt img{width:400px;}
#mainVisual #visual .visual_item .v_txt .vt_01{width:100%;}
#mainVisual .slick-dots{margin-left:279px; bottom:140px;}
#mainVisual .P_btn{margin-left:255px; bottom:130px;}

/*공통*/
.gray_bg{padding:40px 0;}

#borad_cont{margin-top:0;}
#borad_cont .inner_plus{padding:40px 30px;}
.inline{float:none; width:100%; margin-left:0; box-sizing:border-box;}
#borad_cont .f_event{margin-top:40px;}

#ac_info .account_box.inline, #ac_info .info_box.inline{width:100%;  box-sizing:border-box;}
#ac_info .info_box{margin-top:40px;}

#quick_menu{margin:40px 0;}
#quick_menu li{position:relative; width:50%; vertical-align:top; border-left:0; min-height:45px; vertical-align:middle;}
#quick_menu li:nth-child(3), #quick_menu li:nth-child(4){margin-top:30px;}
#quick_menu li a{padding:0 15px;}
#quick_menu li .img_box{display:inline-block; margin-right:20px;}
#quick_menu li .img_box img{height:45px;}
#quick_menu li .txt{margin-top:0; display:inline-block; text-align:left; line-height:45px;vertical-align:middle;}
#quick_menu li .txt .detail{display:none;}

#event_gallery li{width:calc((100% - 20px) / 2);}
#event_gallery li:nth-child(2n+1){margin-left:0;}
#event_gallery li:nth-child(3), #event_gallery li:nth-child(4){margin-top:20px;}
#event_gallery li .pic_box img{height:auto; width:110%;}
}

@media (max-width:767px) {
/*공통*/
.tit_box{padding-bottom:14px;}
.tit_box .title{font-size:2rem;}
.tit_box .more{padding-top:7px;}
.btn_box .more_btn{line-height:42px}
.main_tit{font-size:2.3rem;}
.main_tit a.plus i{font-size:2rem;}
.inner{padding:0 15px;}
.center_tit{font-size:2.3rem;}
.more_btn a{font-size:1.8rem;}


/*메인 비주얼*/
#mainVisual { height: 390px; padding-top:81px;}
#mainVisual #visual .visual_item .v_txt{margin-left:0; top:38%; left:auto; text-align:center;}
#mainVisual #visual .visual_item .v_txt img{width:360px;}
#mainVisual .slick-dots{bottom:30px; left:0; margin:0 auto;}
#mainVisual .slick-dots li{float:none; display:inline-block;}
#mainVisual .P_btn{display:none;}

#borad_cont .inner_plus{padding:40px 15px;}
#borad_cont .tap_board .tab-list li{font-size:2rem; text-align:left; padding:10px 20px;}
#borad_cont .board_Tab_Form li a{font-size:1.8rem; width:78%;}
#borad_cont .f_event li .date{font-size:1.8rem;}
#borad_cont .f_event li a{font-size:1.8rem;}

#ac_info .account_box li .tit{font-size:1.8rem;}
#ac_info .account_box li .cont span.name{display:block; margin-left:0;}
#ac_info .info_box .tit_box p{font-size:2rem;}
#ac_info .info_box .cont{padding:20px;}
#ac_info .info_box .cont li span{position:static; top:auto; left:auto;}
#ac_info .info_box .cont li p{padding-left:0;}

#quick_menu li .img_box{margin-right:0;}
#quick_menu li .txt{display:block; text-align:center; margin-top:10px;}
#quick_menu li .txt .tit{font-size:1.8rem;}
#quick_menu li .txt .tit i{display:none;}

#event_gallery ul{margin-top:20px;}
#event_gallery li{width:100%; margin-left:0; margin-top:20px;}
#event_gallery li .pic_box img{width:100%;}
#event_gallery li .txt_box{padding:15px 20px;}
#event_gallery li .txt_box .date{font-size:1.7rem;}
#event_gallery li .txt_box p{font-size:1.8rem;}
#event_gallery .more_btn{margin-top:30px;}
}

@media (max-width:640px) {
/*메인 비주얼*/
#mainVisual { height: 320px;}
#mainVisual #visual .visual_item .v_txt img{width:280px;}
}