.M_visual {width:100%; height:450px; overflow: hidden;}
.M_visual .swiper-slide {width:100%; height:450px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.M_visual .slide1 {background-image:url(../img/main/m_vis1.png);}
.M_visual .slide2 {background-image:url(../img/main/m_vis2.png);}
.M_visual .slide3 {background-image:url(../img/main/m_vis3.png);}
.M_visual .inner {width:100%; max-width:1200px; height:100%; margin:0 auto; padding:120px 0 0; box-sizing:border-box; opacity:0;}
.M_visual .swiper-slide-active .inner { animation:slideActive 1 .8s .2s cubic-bezier(.22,.3,.37,1.07) forwards; -webkit-animation:slideActive 1 .8s .2s cubic-bezier(.22,.3,.37,1.07) forwards; }
@keyframes slideActive {
    0% {
        padding:120px 0 0;
        opacity:0;
    }
    100% {
        padding:100px 0 0;
        opacity:1;
    }
}
.M_visual h2 {font-size:30px; letter-spacing:-0.025rem; color:#222; white-space:pre-line; margin:0 0 30px;}
.M_visual p {font-size:40px; line-height:25px; font-weight:700; letter-spacing:-0.045rem; color:#222; white-space:pre-line;}
.M_visual .swiper-slide.white h2, .M_visual .swiper-slide.white p {color:#fff;}
.M_visual .main_pager {position:absolute; bottom:20px; text-align:center; z-index:10;}
.main_pager span {width:14px; height:14px; background:none; border:2px solid #ddd; margin:0 3px; box-sizing:border-box; opacity:1;}
.main_pager span.swiper-pagination-bullet-active {background:var(--m-color); border-color:var(--m-color);}

.M_visual .main_prev {position:absolute; top:50%; left:50%; width:36px; height:69px; background:url(../img/main/main_prev.png) no-repeat; margin:-35px 0 0 -676px; text-indent:-9999px; z-index:10; outline:none;}
.M_visual .main_next {position:absolute; top:50%; left:50%; width:36px; height:69px; background:url(../img/main/main_next.png) no-repeat; margin:-35px 0 0 646px; text-indent:-9999px; z-index:10; outline:none;}

.M_nav {width:100%; height:70px; background:var(--m-color);}
.M_nav .nav_lnk {width:100%; max-width:1200px; margin:0 auto;}
.M_nav .nav_lnk li {float:left; width:16.667%;}
.M_nav .nav_lnk a {position:relative; display:block; width:100%; height:70px; line-height:70px; font-size:16px; letter-spacing:-0.065rem; color:#fff; text-align:center; box-sizing:border-box; transition:background 0.25s; -webkit-transition:background 0.25s; -moz-transition:background 0.25s; -ms-transition:background 0.25s; -o-transition:background 0.25s; }
.M_nav .nav_lnk a:hover {background: var(--m-color-strong);}
.M_nav .nav_lnk i {display:inline-block; margin:0 10px 0 0; vertical-align:middle; width: 28px; height: 28px;}
.M_nav .nav_lnk .nav1 {background:url(../img/main/main_ico1.png) 50% 50% no-repeat; background-size: 26px auto;}
.M_nav .nav_lnk .nav2 {background:url(../img/main/main_ico2.png) 50% 50% no-repeat; background-size: 24px auto;}
.M_nav .nav_lnk .nav3 {background:url(../img/main/main_ico3.png) 50% 50% no-repeat; background-size: 22px auto;}
.M_nav .nav_lnk .nav4 {background:url(../img/main/main_ico4.png) 50% 50% no-repeat; background-size: 26px auto;}
.M_nav .nav_lnk .nav5 {background:url(../img/main/main_ico5.png) 50% 50% no-repeat; background-size: 26px auto;}
.M_nav .nav_lnk .nav6 {background:url(../img/main/main_ico6.png) 50% 50% no-repeat; background-size: 26px auto;}


.M_section {margin:50px auto 0;}
.M_section .board_column {float:left; width:47.9%; height:340px; border:1px solid #ddd; border-top:2px solid var(--m-color); margin:0 4.2% 50px 0; padding:28px; box-sizing:border-box;}
.M_section .board_column:nth-child(even) {margin-right:0;}
.board_column .ttl {margin:0 0 20px;}
.board_column .ttl h3 {float:left; font-size:24px; font-weight:500; line-height:50px; letter-spacing:-0.065rem; color:#000;}
.board_column .ttl a {float:right; font-size:14px; line-height:50px; color:#666; text-decoration:underline;}
.board_column .main_lst {display:block; margin:0 0 20px;}
.board_column .main_lst:after {content:''; display:block; clear:both;}
.board_column .main_lst .main_ico {float:left; width:58px; height:58px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#f2f2f2 url(../images/ico/user_ico.png) 50% 50% no-repeat; margin:0 20px 0 0;}
.board_column:nth-child(2) .main_lst .main_ico {background-image:url(../imag/main/notice_ico.png);}
.board_column:nth-child(4) .main_lst .main_ico {background-image:url(../images/ico/data_ico.png);}
.board_column .main_lst a {float:left; width:calc(100% - 178px); height:52px; font-size:18px; font-weight:500; line-height:26px; letter-spacing:-0.065rem; color:#000; margin:3px 0; word-break:keep-all; overflow:hidden;}
.board_column .main_lst a:hover {text-decoration:underline;}
.board_column .main_lst .date {float:right; font-size:15px; font-weight:400; line-height:26px; color:#666; margin:3px 0 0;}
.board_column .lst {border-top:1px solid #ddd; padding:16px 0 0; box-sizing:border-box;}
.board_column .lst li {padding:0 5px; box-sizing:border-box;}
.board_column .lst li:after {content:''; display:block; clear:both;}
.board_column .lst a {float:left; width:calc(100% - 120px); font-size:15px; line-height:30px; letter-spacing:-0.045rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board_column .lst a:before { content:''; display:inline-block; width:3px; height:3px; background:#aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 6px 0 0; vertical-align:middle;}
.board_column .lst li:hover a {font-weight:500;}
.board_column .lst .date {float:right; font-size:15px; font-weight:400; line-height:26px; color:#666;}
.board_column .lst .new {display:inline-block; width:15px; height:15px; background:#f02020; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; line-height:15px; font-size:10px; font-weight:700; color:#fff; margin:0 4px 0 0; vertical-align:middle; text-align:center;}

.photo_column .lst {border:none; padding:0;}
.photo_column .lst li {float:left; width:48.5%; margin:0 3% 0 0; padding:0;}
.photo_column .lst li:nth-child(even) {margin-right:0;}
.photo_column .lst li a {float:none; width:100%; white-space:normal; overflow:auto;}
.photo_column .lst li a:before {display:none;}
.photo_column .lst .photo {display:block; width:100%; height:150px; overflow:hidden; margin:0 0 16px; position: relative;}
.photo_column .lst .photo img {width:100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.photo_column .lst .subject {display:block; height:40px; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#000; overflow:hidden;}
.photo_column .lst li:hover .subject {text-decoration:underline;}


.partner_area {width:100%; height:85px; border-width:1px 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.partner_area .controls {float:left; width:70px; height:25px; border:1px solid #ddd; margin:29px 0; box-sizing:border-box;}
.partner_area .controls button {float:left; width:22px; height:23px; background:url(../img/main/com_prev.png) 50% 50% no-repeat; text-indent:-9999px; outline:none;}
.partner_area .controls .play_btn {width:24px; height:23px; border-width:0 1px; border-style:solid; border-color:#ddd; background-image:url(../img/main/com_pause.png); box-sizing:border-box;}
.partner_area .controls .play_btn.pause {background-image:url(../img/main/play_ico.png);}
.partner_area .controls .part_next {background-image:url(../img/main/com_next.png);}

.partner_area .partner_slide {float:right; width:calc(100% - 100px); height:50px; margin:16.5px 0;}
.partner_slide .swiper-slide {height:50px; border:1px solid #ddd; box-sizing:border-box;}
.partner_slide .swiper-slide a {display:block; width:100%; height:100%;}
.partner_slide .swiper-slide img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:90%; max-height:90%; margin:auto;}


.map_area h3 {font-size:25px; font-weight:700; line-height:40px; letter-spacing:-0.065rem; color:#222; margin:0 0 25px;}
.map_area .root_daum_roughmap { width:100%; height:450px; padding:0; border:none; border-radius:0; margin:0 0 30px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.map_area .wrap_controllers {display:none;}
.map_area .map_info {padding-bottom:30px; border-bottom:1px solid #ddd; margin:0 0 50px;}
.map_info .address {float:left; font-size:20px; font-weight:500; line-height:34px; letter-spacing:-0.045rem; color:#222; background:url(../img/sub/map_ico.png) 0 4px no-repeat; padding-left:30px; box-sizing:border-box;}
.map_info .info {float:right; text-align:right;}
.map_info .info > span {display:inline-block; font-size:16px; line-height:34px; color:#222; margin-left:10px;}
.map_info .info span > span {display:inline-block; width:34px; height:34px; background:var(--m-color-transparent); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:17px; font-weight:700; line-height:34px; text-align:center; color:#fff; vertical-align:top; margin:0 4px 0 0;}
.map_info .info span:nth-child(2) span {background:var(--m-color);}
.map_info .info span:nth-child(3) span {background:var(--m-color-strong);}

.organ img {display: block; margin: 0 auto; max-width: 100%; height: auto;}


/* history */
.his_cont { width:100%; box-sizing:border-box; }
.his_section { width:100%; max-width:1200px; margin:0 auto 60px; padding:0 0 50px; border-bottom:1px solid #eee; }
.his_section:last-child { padding:0; border-bottom:none; margin:0 auto; }
.his_section .his_ttl { float:left; }
.his_section .cont { float:right; width:100%; max-width:850px; }

.his_ttl h3 { font-size:35px; font-weight:700; line-height:50px; letter-spacing:-0.065rem; color:#000; margin:0 0 6px; }
.his_ttl span { display:block; font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#aaa; }
.his_section .cont p { font-size:22px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#333; white-space:pre-line; word-break:keep-all; }
.his_section img { width:auto; max-width:100%; }
.his_section img:nth-child(2) { display:none; }

.his_section .his_bar { width:100%; background:url(../img/comm/his_bar.jpg) 7px 0 repeat-y; }
.his_section .his_bar li { position:relative; margin:0 0 40px; padding:0 0 0 130px; box-sizing:border-box; }
.his_section .his_bar li .year { position:absolute; top:0; left:0; font-size:26px; line-height:30px; font-weight:500; color:var(--m-color); padding:0 0 0 30px; background:url(../img/comm/his_ico.png) 0 50% no-repeat; background-size: 15px auto; box-sizing:border-box; }
.his_section .his_bar .lst { display:block; margin:0 0 25px; }
.his_section .his_bar .lst:after { content:''; display:block; clear:both; }
.his_section .his_bar .lst .month { display:inline-block; font-size:18px; font-weight:500; line-height:30px; color:#000; vertical-align:top; }
.his_section .his_bar .lst .txt { float:right; width:calc(100% - 120px); font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#333; }
.his_section .his_bar .lst .txt .ttl, .his_bar .lst .txt .detail { display:block; }
.his_section .his_bar .lst .txt .detail { position:relative; display:block; font-size:16px; line-height:24px; letter-spacing:-0.065rem; color:#888; word-break:keep-all; padding:0 0 0 12px; }
.his_section .his_bar .lst .txt .detail:before { content:''; position:absolute; top:11.5px; left:0; width:5px; height:1px; background:#888; }



.greeting-flex{display: flex; flex-wrap: wrap; width: 100%; height: auto; align-items: flex-start; align-content: flex-start;}
.greeting-lf{width: calc(41.6% - 50px); margin-right: 50px;}
.greeting-lf img{width: 100%; height: auto; display: block;}
.greeting-rg {width: 58.4%;}
.greeting-rg h3{font-size: 35px; letter-spacing: -0.05em; line-height: 50px; color: #333; margin: 14px 0 35px;}
.greeting-rg h3 b{color: var(--m-color); font-weight: bold;}
.greeting-imgbox { width:100%; text-align: center;}
.greeting-imgbox img { max-width:100%; }
.greeting-textbox { width:100%; }
.ul-container {width: 100%; display: flex; justify-content: space-between;}
.ul-container ul{width: 100%; display: block; margin-top:15px;}
.ul-container ul li {font-size: 18px; letter-spacing: -0.075em; line-height: 30px; color: #333; margin-bottom: 30px; word-spacing: -0.02em; word-break: keep-all; font-weight: 500;}
.ul-container ul li.last-child{margin-top: 60px; letter-spacing: -0.065em; font-weight: 600; text-align: right;}
.ul-container ul li.last-child strong{color: var(--m-color); font-size: 20px !important;}
.ul-container ul li.last-child b{color: #333; font-size: 26px !important; font-weight: bold; line-height: 30px !important; display: inline-block; padding-left: 26px;}
.ul-container ul li.last-child b span{font-size: 20px !important; line-height: inherit !important;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{width:1200px; margin:0px auto 100px auto; box-sizing:border-box; font-size:16px; line-height:150%; color:#555; word-spacing:-1px;}
.sub_tit{font-size:24px; color:#0084dd; margin-bottom:15px; background:url(../img/sub/sub_dot01.jpg) left center no-repeat; padding-left:13px;}
.sub_tit span{display:inline-block; font-weight:normal; font-size:18px; color:#555; margin-left:5px;}

/* sub0101 */
.sub0101{padding:0px 100px;}

/* sub0102 */
.sub0102{padding:10px 0px 10px 450px; text-align:justify; background:url(../img/sub/sub0102.jpg) left center no-repeat;}
.sub0102 h3{font-size:25px; font-weight:normal; color:#0084dd; margin-bottom:40px;}
.sub0102 h3 b{display:block; font-size:30px; margin-bottom:10px;}
.sub0102 h4{margin-top:30px; font-size:20px; color:#333; font-weight:normal;}

/* sub0103 */
.sub0103 h3{width:150px; line-height:150px; background:#0084dd; font-size:22px; color:#fff; text-align:center; border-radius:50%; margin-left:90px;}
.sub0103 figure{padding:50px 0px 1px 0px; background:url(../img/sub/sub0103_2.png) left 157px center repeat-y;}
.sub0103 ul{margin-bottom:50px; background:url(../img/sub/sub0103_1.png) left 153px top no-repeat;}
.sub0103 h4{font-size:22px; color:#0084dd; float:left;}
.sub0103 li{margin:0px 0px 10px 280px; font-size:20px; background:url(../img/sub/sub0103_3.png) left center no-repeat; padding-left:12px;}
.sub0103 li b{display:inline-block; color:#333; margin-right:10px;}

/* sub0104 */
.sub0104 li{margin-top:5px; background:#f8f8f8;}
.sub0104 div li{float:left; width:400px;}
.sub0104 li span{display:inline-block; padding:10px 0px; width:120px; text-align:center; text-transform:uppercase; background:#0084dd; color:#fff; margin-right:20px;}

/* sub0201 */
.sub0201 center{border:1px solid #dfdfdf; padding:50px; margin-bottom:100px;}
.sub0201 table{border-collapse:collapse;}
.sub0201 td, .sub0201 th{border:1px solid #dfdfdf; text-align:center; font-size:20px; padding:15px 0px;}
.sub0201 th{background:#0084dd; color:#fff;}

/* sub0202 */
.sub0202 center{margin-bottom:50px;}
.sub0202 ul{margin-bottom:80px;}
.sub0202 li{font-size:18px; background:#f8f8f8; margin-bottom:5px;}
.sub0202 li span{display:inline-block; width:120px; text-align:center; background:#0084dd; color:#fff; margin-right:20px; padding:10px 0px;}
.sub0202 figure{margin-bottom:80px; padding:20px; background:#f8f8f8; text-align:justify; font-size:18px;}
.sub0202 figure p{height:20px;}
.sub0202 figure span{display:block; margin-top:5px;}

/* sub0204 */
.sub0204 .top_bottom li{float:left; width:180px; text-align:center; font-size:18px; font-weight:bold; margin-right:15px; padding:10px 0px; border-radius:10px;}
.sub0204 .tab_color_white{background:#0084dd; color:#fff;}
.sub0204 .tab_color_gray{color:#333333; background-color:#f5f5f5;}
.sub0204 .tb_bbn1 div{margin-top:30px; font-size:17px; color:#555; line-height:150%; word-spacing:-1px;}
.sub0204 .tb_bbn1 div div{margin-top:0;}

.sub0204 h3{font-size:25px; color:#0084dd; margin-bottom:30px;}
.sub0204_1 ul{margin-bottom:20px;}
.sub0204_1 li{margin-bottom:10px;}
.sub0204_1 li b{color:#333;}
.sub0204_1 li span{display:block; margin-top:5px; margin-left:20px;}
.sub0204_1 li span p{display:inline-block; width:23px;}
.sub0204_1 center{background:#f8f8f8; margin-top:30px; padding:20px 0px;}
.sub0204_1 center h4{color:#333;}
.sub0204_1 center b{font-size:24px; color:#0084dd; display:block; margin:10px 0px;}

.sub0204_2 h4{color:#333; font-size:20px; margin-top:50px; margin-bottom:15px;}
.sub0204_2 figure{padding:20px; background:#f8f8f8;}
.sub0204_2 li{margin-bottom:10px;}
.sub0204_2 li h6{float:left;}
.sub0204_2 li div{margin-left:25px;}
.sub0204_2 li span{display:block;}
.sub0204_2 li span p{display:inline-block; width:9px;}

/* sub0205 */
.sub0205 center{margin-bottom:50px;}
.sub0205 h3{float:left; font-size:28px; color:#0084dd;}
.sub0205 figure{margin-left:260px; margin-bottom:100px;}
.sub0205 .con01 h4{margin-top:30px; font-size:18px; color:#333;}
.sub0205 .con01 h4:first-child{margin-top:0;}
.sub0205 .con01 li{margin-top:10px;}
.sub0205 .con01 li span{display:block; font-size:15px; margin-left:16px;}
.sub0205 .con02 h4{font-weight:bold; font-size:20px; color:#0084dd; margin-bottom:30px;}
.sub0205 .con02 h4 b{display:block; font-weight:normal; font-size:18px; margin-top:5px;}
.sub0205 .con02 h5{font-size:18px; color:#333;}
.sub0205 .con02 ul{margin-bottom:30px;}
.sub0205 .con02 li{margin-top:10px;}

/* sub0301 */
.sub0301{background:#f8f8f8; border-radius:5px; padding:40px;}
.sub0301 center{background:#dfdfdf; color:#333; padding:5px 0px; border-radius:10px;}
.sub0301 div{margin-top:20px;}
.sub0301 figure{background:#fff; border-radius:10px; width:32%; float:left; text-align:center; padding:30px 0px;}
.sub0301 figure:nth-child(2){margin:0 2%;}
.sub0301 h3{color:#0084dd; font-size:24px; margin-top:20px;}
.sub0301 h4{font-size:24px; color:#333; font-weight:normal; margin:10px 0px 20px 0px;}

/* sub0302 */
.sub0302 figure{margin-bottom:50px;}
.sub0302 figure center{float:left; overflow:hidden; border-radius:20px;}
.sub0302 figure div{margin-left:53%; padding-top:60px;}
.sub0302 h3{font-size:25px; color:#0084dd; margin-bottom:10px;}
.sub0302 h4{margin:20px 0px 10px 0px; color:#0084dd; font-size:20px;}
.sub0302 h5{font-size:28px; color:#333;}
.sub0302 h6{font-size:18px; color:#333;}
.sub0302 li{margin-bottom:5px;}
.sub0302 li:last-child{margin-bottom:0;}
.sub0302 ul span{display:block; margin-top:5px;}

/* sub0304 */
.sub0304 figure{margin-bottom:50px;}
.sub0304 figure center{float:left; border-radius:20px; overflow:hidden;}
.sub0304 figure div{margin-left:410px;}
.sub0304 figure:nth-child(1) div, .sub0304 figure:nth-child(2) div{padding-top:30px;}
.sub0304 h3{font-size:25px; color:#0084dd; margin-bottom:10px;}
.sub0304 ul{margin-top:20px;}
.sub0304 h4{font-size:20px; color:#0084dd; margin-bottom:5px;}
.sub0304 li{margin-top:5px;}
.sub0304 li b{color:#333;}