@charset "utf-8";



@import url('common.css');

@import url('layout.css');


.blind, .hidden { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }
body.uiWeb{overflow-y:none;background:url(../../images/common/bg_head.gif) repeat-x 0 0 #fff !important}

.uiWeb .visualM_ui{height:417px;text-indent:-5000px;background:url(../../images/main/img_mVisual.jpg) no-repeat 50% 0;} 



.uiWeb #dMbody{margin-top:-30px;min-height:300px;}


/*레이어팝업*/
.popup_layer_box{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../../images/main/popup_layer_bg.png) repeat; z-index:99999999;}
.pop_re{position:relative; width:603px; height:80%; margin:0 auto;}
.popup_layer{position:absolute; left:50%; top:50%; width:603px; height:80%; background:#fff;
	-webkit-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	overflow-y:scroll;
	overflow-x:auto;
}
.popup_layer img{max-width:100%; height:auto;}
.btn_layer{position:fixed; bottom:86px; width:100%; text-align:center;}
.btn_layer a{display:inline-block; padding:10px 0; color:#fff !important; width:302px; margin:0 auto; font-size:18px;}
.btn_layer a.btn_install_saving{background:#008a7b;}
.btn_layer a.btn_layer_close{background:#999;}
.install_saving{position:absolute; top:1779px; left:45px; display:block; padding: 27px 0; background:#008a7b; color:#fff !important; font-weight:bold; width: 496px; text-align: center; border-radius: 8px; font-size: 24px;}
.uiMobile .popup_layer{position:absolute; left:50%; top:50%; width:85%; height:85%; background:#fff;
	-webkit-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	overflow-y:scroll;
	overflow-x:auto;
}
.uiMobile .btn_layer{position:fixed; bottom:4%; width:100%; text-align:center;}
.uiMobile .btn_layer a{display:inline-block; padding:10px 0; color:#fff !important; width:43%; margin:0 auto;}

.sellmenu{width:245px;height:30px;margin:0 auto 0;text-align:center; position:relative;/*background:url(../../images/main/bg_sellmenu.png) no-repeat 0 0;*/}

.sellmenu li{display:inline;margin-right:-6px;}

.sellmenu li:first-child{margin-left:0;}

.sellmenu li a{display:inline-block;width:80px;height:28px;line-height:28px;font-size:13px;text-align:center;color:#000;border:1px solid #cacaca;background:#efefef;}

.sellmenu li .on{border:1px solid #326ca9;background:#326ca9;text-decoration:underline;color:#fff;}



.mBanner_ui{height:76px;border-bottom:1px solid #326ca9;background:#d6dadd;}

.mBanner_ui .mBanner_scroll{position:relative;;width:930px;margin:0 auto;zoom:1}

.mBanner_ui .mBanner_scroll ul{overflow:hidden;}

.mBanner_ui .mBanner_scroll li{float:left;padding-top:0;}

.mBanner_ui .mBanner_scroll a{display:block;width:83px;text-align:center;}

.mBanner_scroll .flex-viewport{max-height:2000px}

.mBanner_scroll .slides{zoom:1;margin:0;padding:0; border:0 solid #ddd;}

.mBanner_scroll .slides > li{display:none;-webkit-backface-visibility:hidden}

.mBanner_scroll .flex-direction-nav{}

.mBanner_scroll .flex-direction-nav .flex-prev,.mBanner_scroll .flex-direction-nav .flex-next{position:absolute;top:31px;width:20px;height:20px;text-indent:-5000px;}

.mBanner_scroll .flex-direction-nav .flex-prev{left:-35px;background:url(../../images/main/flex-prev.gif) no-repeat 0 0;}

.mBanner_scroll .flex-direction-nav .flex-next{right:-35px;background:url(../../images/main/flex-next.gif) no-repeat 0 0;}

.mBanner_scroll .flex-control-paging{display:none;}

.mBanner_scroll .flex-disabled{background:none ! important;}

.pd_ipsi {padding-left:270px !important;}

/*.pd_kyo {padding-left:20px !important;}*/



.col02,.col03{position:relative;float:left;width:321px;height:190px;margin-top:17px;border:1px solid #e4e4e4;border-top:0;}

.col02 h2,.col03 h2{position:absolute;z-index:9;top:20px;left:23px;font-size:18px;color:#002e66;font-family:'normal'}

.col02:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#1f4779;}

.col03:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#5f5f5f;}

.btn_more{position:absolute;top:20px;right:20px;z-index:9;}



/* 메인 게시판 CSS */
.board_block .tit_1{left:0;}
.board_block .tit_2{left:129px;}
.board_block .tit_3{left:258px;}
.board_block .tit_4{left:387px;}
.board_block .tit_5{left:516px}
.board_block .tit_6{left:645px}



.pop_zone{overflow:hidden;}

.pop_zone .flex-viewport {width:100%;height:240px;margin:0 auto;}

.pop_zone .slides {position:relative;zoom: 1;}

.pop_zone .slides > li {display:none;}

.pop_zone .slides img {margin-top:3px;}

.pop_zone .slides a{display:block;}

.pop_zone .slides a:first-child{margin-left:0;}

.pop_zone .flex-control-nav{position:absolute;top:17px;right:23px;}

.pop_zone .flex-control-nav li{display:inline}

.pop_zone .flex-control-nav a{display:inline-block;width:13px;height:13px;margin-left:2px;cursor:pointer;font-size:11px;border:1px solid #d5d5d5;background:#fff;text-align:center;font-family:verdana;}

.pop_zone .flex-control-paging{display:none;}

.pop_zone .flex-pauseplay{position:absolute;top:16px;right:35px;}

.pop_zone .flex-pauseplay a{display:inline-block;width:16px;height:16px;text-indent:-5000px;cursor:pointer;}

.pop_zone .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause.gif) no-repeat 0 0;}

.pop_zone .flex-pauseplay .flex-play{background:url(../../images/main/flex-play.gif) no-repeat 0 0;}

.pop_zone .flex-direction-nav .flex-prev,.pop_zone .flex-direction-nav .flex-next{position:absolute;top:16px;width:16px;height:16px;text-indent:-5000px;}

.pop_zone .flex-direction-nav .flex-prev{right:55px;background:url(../../images/main/flex-prev02.gif) no-repeat 0 0;}

.pop_zone .flex-direction-nav .flex-next{right:15px;background:url(../../images/main/flex-next02.gif) no-repeat 0 0;}



/*.vision_2020_ui{overflow:hidden;margin-left:15px;margin-right:15px;text-align:center; background:#f7f7f7;}*/

.vision_2020_ui h2{margin-left:0px;}



.cam_ui{overflow: hidden;margin-left: 15px;margin-right: 15px;text-align: center;background: #f7f7f7; padding: 12px 20px; box-sizing: border-box;}



.cam_ui p a{}

.cam_ui p span{display:block;/*font-family:돋움, dotum*/}

.cam_ui p .tit{font-size:18px; font-weight:bold; color:#212121; position:absolute;	bottom:0; width:100%; z-index:1; height:56px; text-align:left; padding:5px 10px; box-sizing:border-box;	background-color:rgba(0, 0, 0, 0.6);}

.cam_ui p .tit a{line-height:24px;font-weight:bold;color:#fff;}

.cam_ui p .memo{margin-top:5px;line-height:16px;font-size:12px;color:#646464;}

.cam_ui p .thum{position:relative; top:0; left:0; height:100%;}

.cam_ui p .thum img{width:100%; height:100%; margin-top:0;}


.cam_ui .flex-viewport {width:100%;height:238px;margin:0 auto;}
.cam_ui .slides {position:relative;zoom: 1;}
.cam_ui .slides > li {display:none;}
.cam_ui .slides img {margin-top:3px;}
.cam_ui .slides a{display:block; height: 100%;position: relative;}
.cam_ui .slides a:first-child{margin-left:0;}
.cam_ui .flex-control-nav{position:absolute;top:17px;right:23px;}
.cam_ui .flex-control-nav li{display:inline}
.cam_ui .flex-control-nav a{display:inline-block;width:13px;height:13px;margin-left:2px;cursor:pointer;font-size:11px;border:1px solid #d5d5d5;background:#fff;text-align:center;font-family:verdana;}
.cam_ui .flex-control-paging{display:none;}
.cam_ui .flex-pauseplay{position:absolute;top:74px;right:2px;}
.cam_ui .flex-pauseplay a{display:inline-block;width:17px;height:39px;text-indent:-5000px;cursor:pointer;}
.cam_ui .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause03.gif) no-repeat 0 0;}
.cam_ui .flex-pauseplay .flex-play{background:url(../../images/main/flex-play03.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-prev,.cam_ui .flex-direction-nav .flex-next{position:absolute;width:17px;height:43px;text-indent:-5000px;}
.cam_ui .flex-direction-nav .flex-prev{top:12px; right:2px;background:url(../../images/main/flex-prev03.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-next{top:135px; right:2px;background:url(../../images/main/flex-next03.gif) no-repeat 0 0;}
.cam_ui .btn_more{right: auto;top: -1px;left: 132px;}


.webzine_ui{background:#f7f7f7; margin-right:15px;}

.webzine_ui p{padding:88px 0 0 150px;min-height:72px;line-height:18px;font-size:12px;color:#646464;background:url(../../images/main/img_webzine.jpg) no-repeat 25px 80px;}

.webzine_ui p a{display:block}



.midia_ui{margin-left:0px;background:url(../../images/main/pattern_midia.png) repeat 0 0;}

.midia_ui p{padding:88px 0 0 105px;min-height:72px;line-height:18px;font-size:12px;color:#646464;background:url(../../images/main/img_midia.png) no-repeat 25px 70px;}

.midia_ui p a{display:block}



.emved_ui{margin-right:15px; margin-left:15px}

.emved_ui p{padding:50px 0 0 0;text-align:center;}

.emved_ui span{position:absolute;top:22px;right:20px;font-size:12px;color:#646464;}

.emved_ui span strong{color:#326ca9}



.pr_ui{margin-left:15px;background:#f7f7f7;}

.pr_ui h2{width:135px;height:25px;background:url(../../images/main/img_pr02.jpg) no-repeat right 0;}

.pr_ui p{margin-right:23px;padding:88px 95px 0 25px;min-height:72px;line-height:22px;letter-spacing:-1px;font-size:12px;color:#646464;background:url(../../images/main/img_pr.jpg) no-repeat right 70px;}

.pr_ui p a{display:block}

.pr_ui p strong{letter-spacing:0;font-size:15px;color:#272727;}



/* 
.people_ui .memo{margin-right:22px;padding:70px 85px 0 25px;min-height:72px;line-height:18px;letter-spacing:-1px;font-size:12px;color:#646464;} */

.people_ui p a{display:block}





 /* side pop */

.side_pop {position:relative;}

.mjc_pop {position:absolute; z-index:999; top:0; left:350px;  }

.mjc_wrap {display:none; border:1px solid #000; text-align:center; background:#fff; width:210px; padding:10px 10px 20px 10px;}

.mjc_wrap h3{font-size:13px  !important; font-weight:bold; text-decoration:underline;  padding:5px; margin:0 0 10px 0; text-align:left; color:#000000;}

.mjc_wrap ul li{display:inline-block; text-align:center; padding:0 30px 0px 0px;}

.mjc_wrap ul li span{font-size:12px;}

.mjc_wrap ul li.last{padding:0;}

.mjc_wrap span.closeBtn{position:absolute; font-size:11px; top:10px; right:10px; border:1px solid #ddd; padding:0px 6px;}


/*190923_슬라이드 추가본*/
.bg_invitation{background:url(../../images/main/bg_invitation.jpg) no-repeat 0 0;  background-size:cover; min-height:191px; overflow:hidden;}
.bg_invitation > div{width:100%; padding:75px 15px 0 15px;}
.bg_invitation > div > p{color:#fff;}
.bg_invitation > div > p.small_inv{font-size:18px; letter-spacing:-0.5px; margin-bottom:3px;}
.bg_invitation > div > p.big_inv{font-size:26px; font-weight:bold; letter-spacing:-0.5px; }
.btn_inv_go{border:1px solid #fff; color:#fff; font-size:14px; display:inline-block; text-align:right; padding:5px 10px; margin:15px 0 0 15px;}


/* 21.06. 메인 리뉴얼 */

.uiWeb #dMbody .m_content{overflow:hidden;position:relative;width:1520px;min-height:500px;margin:45px auto 19px; letter-spacing:-0.6px;}
.m_content span,
.m_content a,
.m_content p,
.m_content h3 {font-family: 'NotoSansKR'!important}
.mainVisual{overflow:hidden; position:relative; height:644px; margin: 0 auto;}
.mainVisual .flex-viewport {width:100%;height:100%;margin:0 auto;}
.mainVisual .slides li{position:relative;zoom: 1; position: relative; height: 644px; width: 100%; overflow: hidden; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.mainVisual .slides .img {z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 644px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.mainVisual .slides a{display:block;width: 100%;height: 100%;}
.mainVisual .slides a:focus-visible .img{outline: 1px solid #f90000;outline-offset: -2px;}
.mainVisual .flex-control-nav{position:absolute;top:17px;right:23px;}
.mainVisual .flex-control-nav li{display:inline}
.mainVisual .flex-control-nav a{display:inline-block;width:13px;height:13px;margin-left:2px;cursor:pointer;font-size:11px;border:1px solid #d5d5d5;background:#fff;text-align:center;font-family:verdana;}
.mainVisual .flex-control-paging{display:none;}
.mainVisual .flex-pauseplay{position:absolute;bottom:20px;right:50px; line-height:100%;}
.mainVisual .flex-pauseplay a{display:inline-block;width: 25px;height: 25px;text-indent:-5000px;cursor:pointer;font-size: 0;}
.mainVisual .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause.gif) no-repeat 0 0;}
.mainVisual .flex-pauseplay .flex-play{background:url(../../images/main/flex-play.gif) no-repeat 0 0;}
.mainVisual .flex-direction-nav .flex-prev,.mainVisual .flex-direction-nav .flex-next{position:absolute;bottom:20px;width: 25px;height: 25px;text-indent:-5000px;font-size: 0;}
.mainVisual .flex-direction-nav .flex-prev{right:75px;background:url(../../images/main/flex-prev02.gif) no-repeat 0 0;}
.mainVisual .flex-direction-nav .flex-next{right:25px;background:url(../../images/main/flex-next02.gif) no-repeat 0 0;}

.col {position:relative; float:left; width:475px;height:342px;margin-bottom:80px; color:#000;} 
.col > h2 {font-size:25px;color:#000;font-family:'normal';letter-spacing:-0.8px;text-align:left;border-bottom:2px solid #336699;line-height:1;padding-bottom: 15px;margin-bottom: 19px;}
.cam_ui {width:100%; height:460px;}
.cam_ui .flex-viewport { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.cam_ui .flex-viewport .slides {display: flex;}
.cam_ui .flex-viewport .slides li {margin-right:25px;flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}


.cam_ui{margin:0 0 80px; text-align: center;background:#fff; padding:0;}
.cam_ui p{position:relative; padding:0; height:100%;}
.cam_ui p .tit{position: absolute;bottom: 40px;display:block; font-size:20px; font-weight:500; color:#fff;width:100%; z-index:1; height:auto; overflow:hidden; text-align:left; padding:15px 15px 10px; background:none;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cam_ui p .tit a{line-height:24px;font-weight:bold;color:#000;}
.cam_ui p .memo{line-height:20px;font-size:14px;color:#000; text-align:left;overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 15px;}
.cam_ui p .thum{position:relative; top:0; left:0; height:340px;}
.cam_ui p .thum::before {position: absolute;bottom: 0;z-index: 1;;display: inline-block;content: "";width: 100%;height: 175px;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);}
.cam_ui .flex-viewport {height:400px;}
.cam_ui .flex-pauseplay{position:absolute;top:18px;right:25px;}
.cam_ui .flex-pauseplay a{display:inline-block; width:20px;height:20px;text-indent:-5000px;cursor:pointer;}
.cam_ui .flex-pauseplay .flex-pause{background:url(../../images/main/flex-pause.gif) no-repeat 0 0;}
.cam_ui .flex-pauseplay .flex-play{background:url(../../images/main/flex-play.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-prev,.cam_ui .flex-direction-nav .flex-next{position:absolute; top:18px; width:20px;height:20px;text-indent:-5000px;}
.cam_ui .flex-direction-nav .flex-prev{right:50px;background:url(../../images/main/flex-prev02.gif) no-repeat 0 0;}
.cam_ui .flex-direction-nav .flex-next{right:0;background:url(../../images/main/flex-next02.gif) no-repeat 0 0;}
.cam_ui ul {display: flex;}

.cam_ui .list li > a {display: block;position: relative;overflow: hidden;padding: 3px;} 

.cam_ui .list li .img {margin-bottom: 15px;position: relative;overflow: hidden;margin-bottom: 0px;width: 480px;height: 340px;}
.cam_ui .list li .img  img { width: 100%; height: auto; min-height: 340px; object-fit: cover;transition: all .5s; }
.cam_ui .list li .tit {padding-bottom: 20px;color: #fff;position: absolute;z-index: 0;;bottom: 0;width: 100%;height: auto;font-size: 22px;}
.cam_ui .list li .tit span {padding: 0 20px 10px;color: #fff;overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: left;line-height: 1.2;height: 45px;}
.cam_ui .list li .tit::before {position: absolute;left: 0;bottom: 0;z-index: -1;display: inline-block;content: "";width: 100%;height: 175px;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);transition: all .5s;}
.cam_ui .list li .memo {margin-top: 10px;overflow: hidden; display: -webkit-box; word-wrap: break-word; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 1.4;}
.cam_ui .list li > a:hover .img img {transform: scale(1.2);}
.cam_ui .list li > a:hover .tit::before {height: 340px;}

.cam_ui .slide_tool {position: absolute;top:10px;right: 0;bottom: auto;left: auto;display: flex;width: auto;align-items: center;z-index: 2;height: 25px;}
.cam_ui .slide_tool [class*="swiper-button"]{ position: relative; right: auto; left: auto; top: 0; display: flex; align-items: center; justify-content: center; background:url(../../images/main/flex-play.gif) no-repeat;width: 25px;height: 25px;border: none;margin-top: -3px;}
.cam_ui .slide_tool .swiper-button-prev.swiper-button-disabled, .cam_ui .slide_tool .swiper-button-next.swiper-button-disabled{opacity:1}
.cam_ui .slide_tool .play_pause {line-height: 1;order: 2;margin: 0 5px;}
.cam_ui .slide_tool .play_pause button {cursor: pointer;}
.cam_ui .slide_tool [class*="-play"]{display: none;margin-top: -2px;}
.cam_ui .slide_tool [class*="-pause"]{background:url(../../images/main/flex-pause.gif) no-repeat;}
.cam_ui .slide_tool [class*="-next"]{background:url(../../images/main/flex-next02.gif) no-repeat;right: 0;order: 3;}
.cam_ui .slide_tool [class*="-prev"]{background:url(../../images/main/flex-prev02.gif) no-repeat;left: 0;order: 1;}
.cam_ui .slide_tool .swiper-button-next:after, .cam_ui .swiper-button-prev:after {display: none} 


.schedule_ui .date_control {background:#003366; padding:15px 10px; text-align:center;}
.schedule_ui .date_control span {display:inline-block; color:#fff; font-size:20px; line-height:22px; padding:0 8px; font-weight:600;}
.schedule_ui .date_control a {display:inline-block; width:20px;height:20px; line-height:22px;text-indent:-5000px;}
.schedule_ui .date_control .prev {background:url(../../images/main/date_control.png) no-repeat 7px 50%;}
.schedule_ui .date_control .next {background:url(../../images/main/date_control.png) no-repeat -15px 50%;}
.schedule_ui .schedule_memo {border:1px solid #ccc; padding:20px 30px 31px;}
.schedule_ui .schedule_memo p {font-size:15px; margin-top:12px;}
.schedule_ui .schedule_memo p span {color:#003366; font-weight:600; padding-right:15px;}
.schedule_ui .btn_more {top:78px; right:25px;}

.emved_ui {display: inline-block; width:calc(100% - 615px); height:575px; margin:0 0 80px;overflow: hidden;}
.emved_ui .btn_more {top: 5px;}
.emved_ui .movie_con {position:relative; height:510px;}
.emved_ui iframe {position:absolute; top:0; left:0; }

.people_ui {margin:0 0 47px 25px;width: 590px;height: 575px;overflow: hidden;display: inline-block;}
.people_ui ul {overflow:hidden;}
.people_ui li {float:left; box-sizing:border-box; position:relative;width: 100%;height:245px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.people_ui li h3 {font-size:34px; color:#fff; font-weight:bold;line-height: 1;}
.people_ui .memo {margin:0;padding:0;font-size:22px; color:#fff; }
.people_ui li > a {display: flex;justify-content: center;flex-direction: column;width: 100%;height: 100%;}
.people_ui li.left {background:url(../../images/main/people_bg01.png) no-repeat 0 0;text-align: center;}
.people_ui li.left .memo span {display:block; margin:5px 0 15px; font-weight: 200;color:#fff;font-size: 16px;}
.people_ui li.right {margin-top: 25px;background:url(../../images/main/people_bg02.png) no-repeat 0 0;}
.people_ui li.right .memo {margin:15px 0 0;padding:0; line-height:20px; }
.people_ui li.right .btn_more {top:auto; bottom:35px; left:35px;}

.main_board {margin-left: 25px;width: calc(100% - 500px);}
.board_block {position:relative;float:left;width:calc(100% - 2px);height:273px;border:1px solid #e4e4e4;}
.board_block:after {content:""; position:absolute; width:245px; top:0; right:0; height:52px;background:#003366;}
.board_block h3 .on {position:relative;color:#003366;height:52px;background:#fff;}
.board_block h3 {position:absolute;top:0;z-index:9;}
.board_block h3 a {display:inline-block; width:129px;height:52px; line-height:52px;text-align:center; font-size:20px;color:#fff;background:#003366; font-weight:600;}
.board_ui {position: relative;margin:52px 0 0; padding:30px 20px 30px;}
.board_ui::before {position: absolute;top:-52px;left: 0;display: inline-block;content: "";width: 100%;height: 52px;background-color: #003366;}
.board_ui ul {display: flex;flex-wrap: wrap;}
.board_ui li {display: flex;width: calc(50% - 35px);position:relative;line-height:22px;padding: 5px 0 5px 15px;border-bottom: 1px solid #efefef;justify-content: space-between;}
.board_ui li::before {position: absolute;top: 50%;left: 7px;display: inline-block;content: '';width: 2px;height: 2px;background-color: #336699;border-radius: 50%;}
.board_ui li:nth-child(2n) {margin-left: 40px;}
.board_ui li span {letter-spacing:-1px;color:#707070;/*font-family:돋움,dotum;*/}
.board_ui li a {width: 80%; display: flex;align-items: center;}
.board_ui li .ellipis {display:block;color:#666; font-size:15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.board_ui li .new {display: inline-block;margin-left: 5px;min-width: 17px;height: 17px;background: url(../../images/main/icon-new.png) no-repeat;}
.board_ui li a:hover {text-decoration:underline;color:#000;}
.board_ui .btn_more {top:-38px;right:15px;}

.snsGroup_ui {width: 100%;height: 266px;margin-bottom: 0;}
.snsGroup_ui::before,
.snsGroup_ui::after {display: block;content: "";clear: both;}
.snsGroup_ui > h2 {margin-bottom: 30px;}
.sns_bx {display: inline-block;width: calc(25% - 23px);height: 140px;float: left;}
.sns_bx ~ .sns_bx {padding-left: 30px;}
.sns_bx .item {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;background: url(../../images/main/sns_01.jpg) no-repeat;background-size: cover;}
.sns_bx:nth-of-type(3) .item {background: url(../../images/main/sns_02.jpg) #fff center no-repeat;background-size: cover;}
.sns_bx:nth-of-type(2) .item {background: url(../../images/main/sns_03.jpg) #fff center no-repeat;background-size: cover;}
.sns_bx:nth-of-type(4) .item {background: url(../../images/main/sns_04.jpg) #fff center no-repeat;background-size: cover;}
.sns_bx .item i {display: block;width: 60px;height: 60px;border-radius: 50%;background: url(../../images/main/ico_sns_01.jpg) #fff center no-repeat;}
.sns_bx:nth-of-type(3) .item i {background: url(../../images/main/ico_sns_02.jpg) #fff center no-repeat;}
.sns_bx:nth-of-type(2) .item i {background: url(../../images/main/ico_sns_03.jpg) #fff center no-repeat;}
.sns_bx:nth-of-type(4) .item i {background: url(../../images/main/ico_sns_04.jpg) #fff center no-repeat;}
.sns_bx .item .name {margin-top: 15px;color: #fff;font-size: 16px;}

.eduGroup_ui {width:100%;}
.eduGroup_ui ul {overflow:hidden;}
.eduGroup_ui ul li {float:left; margin-left:25px; width:360px; height:275px; font-size:25px; color:#fff; text-align:center;}
.eduGroup_ui ul li a {display:block; font-size:25px; color:#fff; line-height:32px; font-weight:400; padding:105px 0;letter-spacing: -0.05em;}
.eduGroup_ui ul li img {width:100%}
.eduGroup_ui ul li:first-child {margin-left:0;}
.eduGroup_ui ul li.bn01 {background:url(../../images/main/edu_bg01.png) no-repeat 0 0;background-size: cover;}
.eduGroup_ui ul li.bn02 {background:url(../../images/main/edu_bg02.png) no-repeat 0 0;background-size: cover;}
.eduGroup_ui ul li.bn03 {background:url(../../images/main/edu_bg03.png) no-repeat 0 0;background-size: cover;}
.eduGroup_ui ul li.bn04 {background:url(../../images/main/edu_bg04.png) no-repeat 0 0;background-size: cover;}

.banner_bx {display: flex;align-items: center;position: relative;z-index: 0;;padding: 50px 0;width:100%;height: 220px;margin: 0 auto;overflow: hidden;box-sizing: border-box;}
.banner_bx::before {position: absolute;left:50%;top: 0;transform: translateX(-50%);z-index: -1;display: inline-block;content: "";width: 100vw;height: 100%; background:url(../../images/main/banner_bg.jpg) no-repeat 50% 100%;background-size: cover;}
.banner_bx .banner {max-width: 1290px;z-index: 2;width:100%;}
.banner_bx ul.list {width: calc(100% - 40px);}
.banner_bx ul.list li> a { display: block;height: 100%; }
.banner_bx ul.list li> a img {display: block;width: 100%;}
.banner_bx ul.list li> a img {image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
.banner_bx .slide_tool {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;max-width: 1290px;padding: 0 60px;}
.banner_bx .swiper-button-prev::after,
.banner_bx .swiper-button-next::after {content: "";display: block;width: 100%;height: 100%;background: url(../../images/main/arrow_left.svg) no-repeat;background-size: contain;}
.banner_bx .swiper-button-next::after {transform: rotate(180deg);}
.banner_bx .swiper-button-prev,
.banner_bx .swiper-button-next {width: 25px;height: 48px;background-color: transparent;}

@media screen and (max-width:1299px) {
	.banner_bx {padding: 30px 0;}
	.banner_bx .banner{width: calc(100% - 100px);height: calc(100% - 20px);}
	.banner_bx .slide_tool {width: 100%;padding: 0;}
}

/* mobile */

.uiMobile .m_content{overflow:hidden;padding:0 5px;}

.uiMobile .visualM_ui{height:150px;text-indent:-5000px;background:url(../../images/main/m/m_visual.png) no-repeat 0 0;background-size:cover;}

.uiMobile .sellmenu{/*display:none;*/margin-top:-30px;}

.uiMobile ,.uiMobile .col02,.uiMobile .col03{margin:17px 0 0 0;width:99%;}

.uiMobile .col02:before,.uiMobile .col03:before{width:100.4%;}



.uiMobile .vision_2020_ui img{width:300px;}



.uiMobile .board_block{width:99%;}

.uiMobile .board_block:before{width:100.4%;}

.uiMobile .board_block:after{width:70%;}

.uiMobile .board_block span{right:-3px;}

.uiMobile .board_ui{padding-left:10px;}



.uiMobile .pop_zone{background:#f7f7f7;}

.uiMobile .pop_zone .slides{text-align:center;}

.uiMobile .mBanner_ui .mBanner_scroll li{}

.uiMobile .mBanner_ui .mBanner_scroll{width:auto;width:250px;margin:0 auto;}

.uiMobile .mBanner_scroll .flex-direction-nav .flex-prev{left:-20px;}

.uiMobile .mBanner_scroll .flex-direction-nav .flex-next{right:-20px;}

.uiMobile .pd_ipsi {padding-left:20px !important;}

.uiMobile .pd_kyo {padding-left:0 !important;}

/* 21.06. 메인 리뉴얼 */


.uiMobile .mainVisual{overflow:hidden; position:relative; min-width:100%; height:175px;}
.uiMobile .mainVisual li { overflow:hidden;}
.uiMobile .mainVisual img {width: auto; height: 145px;  transform: translate(-7%, 0);}
.uiMobile .mainVisual .flex-control-nav{position:absolute;top:17px;right:23px;}
.uiMobile .mainVisual .slides li{height: 145px;}
.uiMobile .mainVisual .slides .img {height: 145px; }
.uiMobile .mainVisual .flex-direction-nav .flex-prev,
.uiMobile .mainVisual .flex-direction-nav .flex-next {bottom: 35px;}
.uiMobile .mainVisual .flex-pauseplay {bottom: 35px;}
.uiMobile .col {margin:20px 0 0; width:100%; height:230px;} 
.uiMobile .col > h2 {font-size:18px; line-height:1.8; margin-bottom:10px;}
.uiMobile .cam_ui {height:370px;}
.uiMobile .cam_ui .list li {width: 100%!important}
.uiMobile .cam_ui .list li .img {width: 100%;height: 260px;}
.uiMobile .cam_ui .list li .img img {min-height: 260px;}
.uiMobile .cam_ui .list li .tit span {font-size: 14px;height: 25px;}
.uiMobile .cam_ui .list li .memo {font-size: 13px;}
.uiMobile .cam_ui p .tit{font-size:13px; height:26px; padding:6px 0 5px;}
.uiMobile .cam_ui p .memo{line-height:18px;font-size:12px;}
.uiMobile .cam_ui p .thum{height:170px;}
.uiMobile .cam_ui .flex-viewport {height:224px;}
.uiMobile .cam_ui .flex-pauseplay{position:absolute;top:7px;right:25px;}
.uiMobile .cam_ui .flex-direction-nav .flex-prev,.uiMobile .cam_ui .flex-direction-nav .flex-next{top:7px;}
.uiMobile .emved_ui .movie_con {
    height: 100%;
} 
.uiMobile .emved_ui .movie_con { height:180px;}

.uiMobile .schedule_ui {height:auto;}
.uiMobile .schedule_ui .date_control {padding:8px;}
.uiMobile .schedule_ui .date_control span {font-size:14px; padding:0 5px;}
.uiMobile .schedule_ui .schedule_memo {padding:5px 20px 20px 10px; min-height:115px;}
.uiMobile .schedule_ui .schedule_memo p {font-size:12px; margin-top:7px; line-height:16px;}
.uiMobile .schedule_ui .schedule_memo p span {padding-right:5px;}
.uiMobile .schedule_ui .btn_more {bottom:10px; right:5px;top: 65px;}

.uiMobile .people_ui {height: 350px;}
.uiMobile .people_ui ul {width:100%; margin:0 auto;}
.uiMobile .people_ui li {padding:10px 0;}
.uiMobile .people_ui .memo {margin:0;padding:0; line-height:18px; font-size:12px; letter-spacing:-1.3px;}
.uiMobile .people_ui li.left {width:100%; height:130px; background-size:100%;}
.uiMobile .people_ui li.left h3 {font-size:20px; }
.uiMobile .people_ui li.left .memo span {margin:5px 0 10px; letter-spacing:-1px; padding-bottom:2px;}
.uiMobile .people_ui li.left .btn_more {top:10px; right:15px;}
.uiMobile .people_ui li.right {width:100%; height:130px; background-size:100%;margin-top: 10px;}
.uiMobile .people_ui li.right h3 {font-size:16px;}
.uiMobile .people_ui li.right .memo {margin:10px 0 0; font-size:12px;}
.uiMobile .people_ui li.right .btn_more {bottom:10px; left:15px;}

.uiMobile .main_board {height: 300px;}
.uiMobile .board_block {position:relative;float:left;width:99%;height:250px; margin:0;}
.board_ui::before {display: none;}
.uiMobile .board_block:after {width:70%; height:40px;}
.uiMobile .board_block h3 .on {height:40px;background:#fff;}
.uiMobile .board_block h3 a {width:48px;height:40px; line-height:40px; font-size:14px;}
.uiMobile .board_ui {margin:40px 0 0; padding:10px 15px 10px;}

.uiMobile .board_ui li {position:relative;line-height:20px;margin:5px 0 0 0; font-size:12px;width: calc(100% - 20px);}
.uiMobile .board_ui li:nth-child(5n) ~ li {display: none;}
.uiMobile .board_ui li a {width:80%; font-size:12px;}
.uiMobile .board_ui .btn_more {top:-35px;right:5px;}
.uiMobile .board_block .tit_2{left:47px;}
.uiMobile .board_block .tit_3{left:92px;}
.uiMobile .board_block .tit_4{left:138px;}
.uiMobile .board_block .tit_5{left:184px}
.uiMobile .board_block .tit_6{left:230px}

.uiMobile .snsGroup_ui {height: 395px;}
.uiMobile .snsGroup_ui .sns_bx {width: 100%;height: 80px;}
.uiMobile .snsGroup_ui .sns_bx ~ .sns_bx {padding-left: 0;padding-top: 5px;}
.uiMobile .snsGroup_ui .sns_bx .item .name {font-size: 15px;margin-top: 10px;}
.uiMobile .snsGroup_ui .sns_bx .item i {width: 30px;height: 30px;background-size: 20px;}
.uiMobile .snsGroup_ui .sns_bx:nth-of-type(2) .item i {background-size: 11px;}



.uiMobile .eduGroup_ui {margin:12px 0 0; width:100%; height:auto;}
.uiMobile .eduGroup_ui ul li {float:none; margin-left:0; margin-bottom:5px; width:100%; height:80px; font-size:15px;}
.uiMobile .eduGroup_ui ul li a { font-size:15px;  line-height:20px; padding:20px 0;}

.uiMobile .eduGroup_ui ul li.bn01 {background-size:cover;}
.uiMobile .eduGroup_ui ul li.bn02 {background-size:cover;}
.uiMobile .eduGroup_ui ul li.bn03 {background-size:cover;}

.uiMobile .banner_bx {height: 155px;margin-top: 30px;padding: 0}
.uiMobile .banner_bx .banner {height: 100%;}
.uiMobile .banner_bx ul.list li> a {height: 100%;}
.uiMobile .banner_bx ul.list {width: 100%;}
.uiMobile .banner_bx ul.list li> a img { display: block; width: 100%; max-height: 140px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; }
.uiMobile .banner_bx .swiper-button-prev::after,
.uiMobile .banner_bx .swiper-button-next::after {font-size: 16px;}




@media only screen and  (min-width: 350px) and (max-width: 399px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:300px;}

}

@media only screen and  (min-width: 400px) and (max-width: 479px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:340px;}

}



@media only screen and  (min-width: 480px) and (max-width: 540px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:420px;}

}



@media only screen and  (min-width: 540px) and (max-width: 640px){ 

	.uiMobile .mBanner_ui .mBanner_scroll{width:500px;}

}
.mBanner_ui{height:76px;border-bottom:1px solid #326ca9;background:#d6dadd;}
.mBanner_ui .mBanner_scroll{position:relative;;width:1140px;margin:0 auto;zoom:1}
.mBanner_ui .mBanner_scroll ul{overflow:hidden;}
.mBanner_ui .mBanner_scroll li{float:left;padding-top:0;}
.mBanner_ui .mBanner_scroll a{display:block;width:83px;text-align:center;}
.mBanner_scroll .flex-viewport{max-height:2000px}
.mBanner_scroll .slides{zoom:1;margin:0;padding:0; border:0 solid #ddd;}
.mBanner_scroll .slides > li{display:none;-webkit-backface-visibility:hidden}
.mBanner_scroll .flex-direction-nav{}
.mBanner_scroll .flex-direction-nav .flex-prev,.mBanner_scroll .flex-direction-nav .flex-next{position:absolute;top:31px;width:20px;height:20px;text-indent:-5000px;}
.mBanner_scroll .flex-direction-nav .flex-prev{left:-35px;background:url(../../images/main/flex-prev.gif) no-repeat 0 0;}
.mBanner_scroll .flex-direction-nav .flex-next{right:-35px;background:url(../../images/main/flex-next.gif) no-repeat 0 0;}
.mBanner_scroll .flex-control-paging{display:none;}
.mBanner_scroll .flex-disabled{background:none ! important;}
.pd_ipsi {padding-left:270px !important;}
/*.pd_kyo {padding-left:20px !important;}*/



@media only screen and  (min-width: 641px) and (max-width: 900px){ 
	/*
.board_block{position:relative;float:left;width:321px;height:190px;margin:17px 0 0 0;border:1px solid #e4e4e4;border-top:0;}
.board_block:before{content:"";position:absolute;top:0;left:-1px;z-index:9;display:block;width:323px;height:3px;background:#e9511c}
.board_block:after{content:"";position:absolute;top:0;margin-top:3px;width:71px;top:0;right:0;height:39px;background:#efefef;}
.board_block h3{position:absolute;top:3px;z-index:9;border-right:1px solid #fff;}
.board_block h3 a{display:inline-block;width:81px;height:39px;line-height:39px;text-align:center;border-right:1px solid #e4e4e4;font-size:14px;color:#4b5052;background:#efefef;}
.board_block h3 .on{position:relative;color:#326ca9;height:40px;background:#fff;text-decoration:underline;}
.board_block .tit_1{left:0;}
.board_block .tit_1 a{width:82px;}
.board_block .tit_2{left:84px;}
.board_block .tit_3{left:167px;}
.board_ui{padding-top:left;margin:42px 0 0;padding:12px 15px 0;border-top:1px solid #e4e4e4;}
.board_ui li{position:relative;line-height:22px;margin:3px 0 0 0;}
.board_ui li:first-child{margin-top:0;}
.board_ui li span{position:absolute;top:0;right:0;font-size:12px;letter-spacing:-1px;color:#9c9c9c;}
.board_ui li a{display:block;width:215px;padding-left:9px;color:#6c6c6c;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../../images/main/ico_li.gif) no-repeat 0 9px;}
.board_ui li a:hover{text-decoration:underline;color:#000;}
.board_ui .btn_more{top:12px;right:10px;}
*/
	.uiMobile .mBanner_ui .mBanner_scroll{width:580px;}
	.main_board {width: 100%;}

}




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



.uiWeb .visualM_ui, .mBanner_ui{width:1024px;}

}
/* .emved_ui{margin-right:15px;} */
.emved_ui p{padding:50px 0 0 0;text-align:center;}
.emved_ui span{position:absolute;top:22px;right:20px;font-size:12px;color:#646464;}
.emved_ui span strong{color:#326ca9}






.uiMobile .webzine_ui p{padding-left:130px;background-position:10px 80px;}



.uiMobile .midia_ui p{padding-left:105px;background-position:15px 70px;}



.uiMobile .pr_ui p{padding-left:10px;}
.uiMobile .snsGroup_ui .sns_bx:nth-of-type(3) .item i {background-size: 11px;}