@charset "UTF-8";

@import url("font.css");
@import url("table.css");

/* common */
body{font-family:'Noto Sans KR',sans-serif;font-weight:200;font-size:17px;color:#333;line-height:22px;letter-spacing:-0.5px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body.over-hidden{overflow-y:hidden;}
body.all-fixed{position:fixed;height:100%;overflow:hidden;}
body.body-bg:before{content:'';position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
a{color:#333;}
.no-js{opacity:0;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.h4-tit01{position:relative;padding: 0 0 20px 25px;font-weight:500;font-size:25px;color:#000;line-height:35px;}
.h4-tit01:before{content:'';position:absolute;top:10px;left:0;width:14px;height:16px;background:url(/board/_res/img/common/bg-bul-type01.png) no-repeat 0 0/100%;}
.h5-tit01{position:relative;padding:0 0 10px 15px;font-weight: 400;font-size: 20px;color:#333;line-height: 30px;}
.h5-tit01:before{content:'';position:absolute;top:12px;left:0;width:7px;height:7px;background-color:#ffa000;border-radius:7px;}
.con-box{padding:0 0 55px 0;}
.con-p{padding:0 0 30px 0;font-weight:200;color:#333;line-height:27px;letter-spacing:-0.5px;}
.ul-type01 > li{position:relative;padding: 0 0 0 14px;font-weight:200;font-size: 17px;color:#333;line-height: 27px;letter-spacing:-0.5px;}
.ul-type01 > li:before{content:'';position:absolute;top: 13px;left:0;width:5px;height: 2px;background-color: #a8b2b5;}
.ul-type02 > li{position:relative;padding:0 0 0 10px;font-weight:200;font-size:17px;color:#333;line-height:27px;letter-spacing:-0.5px;}
.ul-type02 > li:before{content:'';position:absolute;top:13px;left:0;width: 3px;height: 3px;background-color: #a9a9a9;border-radius: 2px;}
.ol-type01 > li{margin:0 0 0 18px;line-height:27px;list-style-type:decimal;}
.ol-type02 > li{line-height:27px;}
.intro-ul > li{position:relative;padding:0 0 35px 15px;font-size:20px;color:#333;line-height:30px;}
.intro-ul > li:last-of-type{padding-bottom:0;}
.intro-ul > li:before{content:'';position:absolute;top:12px;left:0;width:7px;height:7px;background-color:#ffa000;border-radius:7px;}
.mark-p{position:relative;padding: 0 0 0 10px;font-size:17px;color: #777;font-weight: 200;line-height:24px;letter-spacing:-0.5px;}
.mark-p:before{content:'*';position:absolute;top:0;left:0;}
.img-box{text-align:center;}
.img-box.border{border:1px solid #e7e7e7;}
.img-box img{max-width:100%;}
.img-box .zoom-in{padding:10px 0 0;text-align:right;}
.no-pd{padding:0 !important;}
.no-mg{margin:0 !important;}
.txt-regular{font-weight:400;}
.txt-medium{font-weight:500;}

/* 링크박스 */
.link-box.d-ib ul li{display:inline-block;padding:0 6px 10px 0;}
.link-box.right ul li{text-align:right;}
.link-box ul li{display:block;padding:0 0 20px 0;}
.link-box ul li:last-of-type{padding:0;}
.link-box ul li a{display:inline-block;padding:10px 25px;border:1px solid #777;font-size:16px;color:#333;line-height:1;border-radius:5px;}
.link-box ul li a:after{content:'';display:inline-block;margin:0 0 0 25px;vertical-align:middle;}
.link-box ul li a.normal:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.down{background-color:#fff;}
.link-box ul li a.down:after{width:15px;height:13px;background:url(/board/_res/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.link-box ul li a.down:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.down:hover:after{background-image:url(/board/_res/img/common/bg-down-link-w.png);}
.link-box ul li a.link{background-color:#fff;}
.link-box ul li a.link:after{width:16px;height:16px;background:url(/board/_res/img/common/bg-link.png) no-repeat 0 0/100%;}
.link-box ul li a.link:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.link:hover:after{background-image:url(/board/_res/img/common/bg-link-w.png);}

.mg-b10{margin-bottom:10px !important;}
.mg-b20{margin-bottom:20px !important;}
.pd-b5{padding-bottom:5px !important;}
.pd-b10{padding-bottom:10px !important;}
.pd-b20{padding-bottom:20px !important;}
.pd-t10{padding-top:10px !important;}

/* layout */
.main-content-outer{overflow-x:hidden;}
.outer{position:relative;margin:0 auto;max-width:1900px;}
.sub-container{margin:0 auto;max-width:1900px;overflow: hidden;}
.sub-content-wrap{position:relative;margin:0 auto;padding:0 0 115px;max-width:1300px;}
.sub-content-wrap:before{content:'';position:absolute;top:325px;left:-309px;width:114px;height:1478px;background:url(/board/_res/img/common/bg-sub-mark.png) no-repeat 0 0/100%;}
.content-box{min-height:600px;}

/* 상단팝업 */
.main-popup-wrap .outer{background-color:#ececec;}
.main-popup-box{position:relative;margin:0 auto;max-width:1300px;}
.main-popup-carousel-outer{position:relative;margin:0 42px 0 0;}
.main-popup-carousel .owl-carousel{padding:0 52px;box-sizing:border-box;}
.main-popup-carousel .owl-carousel:after{content:'';position:absolute;top:50%;left:50%;width:1px;height:13px;background-color:#bdbdbd;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
/*.main-popup-carousel .owl-stage-outer{height:75px;} vertical*/
.main-popup-carousel .owl-carousel .popup-lnk-box{padding:20px 20px 21px;}
.main-popup-carousel .owl-carousel .popup-lnk-box p{display:inline-block;margin:0 -4px 0 0;padding:0 11px 0 0;max-width:calc(100% - 84px);vertical-align:middle;}
.main-popup-carousel .owl-carousel .popup-lnk-box p a{display:block;font-size:15px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-popup-carousel .owl-carousel .popup-lnk-box > a{display:inline-block;padding:5px 10px;background-color:#959595;font-weight:200;font-size:15px;color:#fff;border-radius:5px;vertical-align:middle;}
.main-popup-carousel .owl-theme .owl-dots{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.main-popup-carousel .owl-theme .owl-nav.disabled+.owl-dots{margin-top:0;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot{display:block;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot span{margin:0 0 4px 0;width:7px;height:7px;background-color:#acacac;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot.active span, .main-popup-carousel .owl-theme .owl-dots .owl-dot:hover span{width:7px;background-color:#115286;}

.main-popup-box .btn-pop-close{position:absolute;top:calc(50% + 1px);right:0;z-index:10;width:26px;height:27px;background:url(/board/_res/img/common/ico-popup-close.png) no-repeat 0 0/100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.do-not-open-box{position:absolute;top:50%;right:0;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.do-not-open-box a{display:inline-block;}
.do-not-open-box a:after{content:'';display:inline-block;width:27px;height:27px;background-color:#fff;border:1px solid #b2b2b2;box-sizing:border-box;vertical-align:middle;}
.do-not-open-box a:hover:after{border-color:#115286;}
.do-not-open-box a span{display:none;padding:4px 10px;background-color:#115286;font-size:13px;color:#fff;vertical-align:middle;}
.do-not-open-box a:hover span{display:inline-block;}

/* 퀵메뉴 */
.main-quick-wrap .main-quick-menu{position:fixed;bottom:50px;right:60px;z-index:50;}
.main-quick-wrap.active .main-quick-menu{z-index:90;}
.main-quick-wrap .main-quick-menu ul{background:transparent;}
.main-quick-wrap:not(.active) .main-quick-menu ul{display:none !important;}
.main-quick-wrap .main-quick-menu ul{position:absolute;bottom:135px;right:15px;}
.main-quick-wrap .main-quick-menu ul li{padding:0 0 25px 0;}
.main-quick-wrap .main-quick-menu ul li:last-of-type{padding:0;}
.main-quick-wrap .main-quick-menu ul li a{display:block;min-width:200px;font-size:18px;line-height:23px;color:#fff;font-weight:400;box-sizing:border-box;text-align:right;}
.main-quick-wrap .main-quick-menu ul li a:hover{color:#f0c703;}
.main-quick-wrap .main-quick-menu ul li a:after{content:'';display:inline-block;margin:0 0 0 20px;width:60px;height:60px;background-color:#fff;background-repeat:no-repeat;background-position:center center;vertical-align:middle;border-radius:50%;}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(1) a:after{background-image:url(/board/_res/img/common/bg-quick-mn01.png);}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(2) a:after{background-image:url(/board/_res/img/common/bg-quick-mn02.png);}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(3) a:after{background-image:url(/board/_res/img/common/bg-quick-mn03.png);}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(1) a:hover:after{background-color:#f0c703;background-image:url(/board/_res/img/common/bg-quick-mn01-on.png);}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(2) a:hover:after{background-color:#f0c703;background-image:url(/board/_res/img/common/bg-quick-mn02-on.png);}
.main-quick-wrap .main-quick-menu ul li:nth-of-type(3) a:hover:after{background-color:#f0c703;background-image:url(/board/_res/img/common/bg-quick-mn03-on.png);}
.main-quick-wrap .quick-bg{display:none;position:fixed;top:0;left:0;z-index:40;width:100%;height:100%;background:rgba(26,37,33,0.9);}
.main-quick-wrap .btn-quick{display:block;position: relative;padding:22px 0 0 0;width:90px;height:90px;background:linear-gradient(to right, #115386 , #12688f);border-radius:50%;box-shadow:2px 2px 5px 0;box-sizing:border-box;opacity:0;transition:all .3s;}
.main-quick-wrap .btn-quick:after{content:'';position:absolute;top:50%;left:50%;width:28px;height:50px;background:url(/board/_res/img/common/btn-quick-mn.png) no-repeat 0 0/100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.main-quick-wrap .btn-quick:hover{background:#fff;}
.main-quick-wrap .btn-quick:hover:after{background:url(/board/_res/img/common/btn-quick-mn-on.png) no-repeat center center;}
.main-quick-wrap .btn-quick.show{opacity:1;}
.main-quick-wrap.active .btn-quick{background:transparent;border:2px solid #fff;}
.main-quick-wrap.active .btn-quick:after{background:url(/board/_res/img/common/btn-quick-mn-close.png) no-repeat center center;}


/* header */
.bottom-header-outer{position:relative;z-index:30;background-color:#16476e;box-shadow:0 2px 20px rgba(0,0,0,0.2);}
.bottom-header-outer.fixed{position:fixed;top:0;left:50%;width:100%;max-width:1900px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.bottom-header-box{margin:0 auto;max-width:1300px;}
.bottom-header-box:after{content:'';display:block;clear:both;}
.bottom-header-box > h1{float:left;padding:22px 0 0 0;width:137px;}
.bottom-header-box > h1 a{display:block;}
.bottom-header-box > h1 a img{width:100%;}
.bottom-header-box > h1 a .m-logo{display:none;}
.bottom-header-box .gnb-wrap{float:right;padding:40px 0 0;background-color:#fff;text-align:right;}
.bottom-header-box.menu-open .gnb-wrap, .bottom-header-outer.fixed .gnb-wrap{background-color:#16476e;}
.bottom-header-box .gnb-wrap:before{content:'';position:absolute;top:0;right:0;z-index:-10;width:66%;height:100%;background-color:#fff;}
.bottom-header-box.menu-open .gnb-wrap:before, .bottom-header-outer.fixed .gnb-wrap:before{display:none;}
.bottom-header-box .gnb-wrap .gnb{display:inline-block;vertical-align:top;}
.bottom-header-box .gnb-wrap .main-util-box{display:inline-block;padding:0 0 0 30px;vertical-align:top;}
.bottom-header-box .gnb-wrap .main-util-box a{display:inline-block;margin:0 0 0 20px;width:30px;height:29px;}
.bottom-header-box .gnb-wrap .main-util-box a:first-of-type{margin:0;}
.bottom-header-box .gnb-wrap .main-util-box .login{background:url(/board/_res/img/common/ico-util-login-b.png) no-repeat 0 0/100%;}
.bottom-header-box .gnb-wrap .main-util-box .home{background:url(/board/_res/img/common/ico-util-home-b.png) no-repeat 0 0/100%;}
.bottom-header-box.menu-open .gnb-wrap .main-util-box .login, .bottom-header-outer.fixed .gnb-wrap .main-util-box .login{background-image:url(/board/_res/img/common/ico-util-login.png);}
.bottom-header-box.menu-open .gnb-wrap .main-util-box .home, .bottom-header-outer.fixed .gnb-wrap .main-util-box .home{background-image:url(/board/_res/img/common/ico-util-home.png);}

.menu-open .gnb ul li a, .bottom-header-outer.fixed .gnb ul li a{color:#fff;}
.gnb ul li a:hover, .gnb ul li a.active{color:#ffc000;}

.gnb .depth01:after{content:'';display:block;clear:both;}
.gnb .depth01 > li{float:left;position:relative;padding:0 20px;z-index:10;min-width:70px;text-align:center;}
.gnb .depth01 > li > a{display:inline-block;position:relative;padding:0 0 35px 0;font-weight:400;font-size:17px;color:#333;line-height:27px;}
.gnb .depth01 > li.on > a{color:#ffc000;}
.gnb .depth01 > li > a:after{content:'';display:none;position:absolute;bottom:0;left:50%;width:84px;height:3px;background-color:#ffc000;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.gnb .depth01 > li.on > a:after{display:block;}

.gnb .depth02{display:none;position:absolute;top:100%;left:0;width:100%;padding:34px 0 0 0;}
.gnb .depth02 > li{padding:0 5px 5px;}
.gnb .depth02 > li:last-of-type{padding-bottom:0;}
.gnb .depth02 > li > a{font-weight:200;font-size:16px;color:#fff;line-height:26px;}
.gnb .depth01 > li.on .depth02 > li > a:hover{color:#ffc000;}

.gnb-bg{display:none;position:absolute;top:100%;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.3);background-color:#16476e;}
.gnb-bg > div{position:relative;margin:0 auto;max-width:1300px;}
.gnb-bg > div > p{position:absolute;top:36px;left:0;max-width:260px;}
.gnb-bg > div > p span{display:block;color:rgba(255,255,255,0.3);}
.gnb-bg > div > p span:nth-of-type(1){padding:0 0 10px 0;font-size:25px;line-height:30px;}
.gnb-bg > div > p span:nth-of-type(2){font-size:17px;line-height:22px;}

.main .bottom-header-box .gnb-wrap{background-color:#16476e;}
.main .bottom-header-box .gnb-wrap:before{display:none;}
.main .bottom-header-box .gnb-wrap .main-util-box .login{background-image:url(/board/_res/img/common/ico-util-login.png);}
.main .bottom-header-box .gnb-wrap .main-util-box .home{background-image:url(/board/_res/img/common/ico-util-home.png);}
.main .gnb ul li a{color:#fff;}
.main .gnb-bg{background-color:#16476e;}

.m-gnb-bg{display:none;}

.slideMenu{display:none;}
.btn-menu{display:none !important;position:absolute;top:20px;right:10px;width:35px;height:20px;background:url(/board/_res/img/common/btn-menu.png) no-repeat 0 0/100%;}

/* footer */
.bottom-footer-outer{background-color:#16476e;}
.bottom-footer-box{margin:0 auto;padding:40px 0;max-width:1300px;}
.bottom-footer-box:after{content:'';display:block;clear:both;}
.bottom-footer-box .left-box{float:left;}
.bottom-footer-box .left-box > p{font-size:16px;color:#fff;line-height:25px;}
.bottom-footer-box .left-box > p span{display:inline-block;position:relative;margin:0 10px 0 0;padding:0 14px 0 0;}
.bottom-footer-box .left-box > p span:last-of-type{margin:0;padding:0;}
.bottom-footer-box .left-box > p span:after{content:'';position:absolute;top:7px;right:0;width:1px;height:11px;background-color:#777;}
.bottom-footer-box .left-box > p span:last-of-type:after{display:none;}
.bottom-footer-box .left-box > p a{color:#fff;}
.bottom-footer-box .left-box > p.copy{font-weight:200;font-size:15px;color:#b1bec8;}
.bottom-footer-box .right-box{float:right;padding:15px 0 0 0;}
.bottom-footer-box .right-box ul li{display:inline-block;margin:0 -4px 0 0;padding:0 15px 0 0;}
.bottom-footer-box .right-box ul li:last-of-type{margin:0;padding:0;}
.bottom-footer-box .right-box ul li a{display:block;width:38px;height:37px;opacity:0.5;}
.bottom-footer-box .right-box ul li a:hover{opacity:1;}
.bottom-footer-box .right-box ul li .facebook{background:url(/board/_res/img/common/ico-footer-facebook.png) no-repeat 0 0/100%;}
.bottom-footer-box .right-box ul li .youtube{background:url(/board/_res/img/common/ico-footer-youtube.png) no-repeat 0 0/100%;}
.bottom-footer-box .right-box ul li .twitter{background:url(/board/_res/img/common/ico-footer-twitter.png) no-repeat 0 0/100%;}
.bottom-footer-box .right-box ul li .blog{background:url(/board/_res/img/common/ico-footer-blog.png) no-repeat 0 0/100%;}
.bottom-footer-box .right-box ul li .insta{background:url(/board/_res/img/common/ico-footer-insta.png) no-repeat 0 0/100%;}
.bottom-footer-box .right-box ul li .kakao{background:url(/board/_res/img/common/ico-footer-kakao.png) no-repeat 0 0/100%;}

/* main common */
.main-title{position:relative;padding:0 0 40px 0;font-weight:200;font-size:35px;line-height:45px;}
.main-title span{font-weight:500;}
.no-loop .owl-stage{transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important; left:0 !important;}
.no-loop .owl-item.cloned{display:none;};
.no-loop .control-wrap{display:none !important;}
.no-loop .mini-board-ctrl{display:none !important;}
.no-loop .owl-dots{display:none !important;}

.main-mini-wrap{position:relative;margin:0 auto;max-width:1300px;}
.main-mini-wrap:after{content:'';display:block;clear:both;}

.main-content-box .mini-tab-box{position:relative;}
.main-content-box .mini-tab-box > ul:after{content:"";display:block;clear:both;}
.main-content-box .mini-tab-box > ul > li{display:inline-block;vertical-align:middle;}
.main-content-box .mini-tab-box > ul > li .mini-board-tab{display:inline-block;position:relative;z-index:10;padding:0 5px 5px 5px;font-weight:500;font-size:20px;line-height:28px;}
.main-content-box .mini-tab-box > ul > li.active .mini-board-tab{border-bottom:3px solid #115386;color:#115386;}
.main-content-box .mini-tab-box > ul > li .mini-board-content{display:none;position:absolute;width:100%;box-sizing:border-box;}
.main-content-box .mini-tab-box > ul > li.active .mini-board-content{display:block;}

.btn-more{position:relative;font-size:17px;line-height:22px;}
.btn-more:after{content:'';display:inline-block;margin:0 0 0 5px;width:6px;height:11px;vertical-align:middle;}

/* 메인비주얼 */
.main-visual-box{position:relative;}
.main-visual-box .owl-carousel{background-color:#16476e;}
.main-visual-box .owl-carousel .owl-stage{right:-50px;padding-right:0 !important;transition:transform 0.5s ease 0.6s !important;}
.main-visual-box .owl-carousel .item .img-box{margin:0 0 0 auto;width:68%;max-width:1215px;height:650px;}
.main-visual-box .owl-carousel .owl-item:not(.active) .img-box{transform:scale(0.7);transform-origin:right;transition:transform 0.5s;}
.main-visual-box .owl-carousel .item .img-box img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .owl-carousel .item .txt-box{position:absolute;top:105px;left:0;padding:0 0 0 200px;width:100%;box-sizing:border-box;}
.main-visual-box .owl-carousel .item .txt-box > div{padding:0 0 40px 0;}
.main-visual-box .owl-carousel .item .txt-box > div > p{position:relative;max-width:660px;opacity:0;transition:opacity 1.2s, left 2s;}
.main-visual-box .owl-carousel .active .item .txt-box.on > div > p{left:0;opacity:1;}
.main-visual-box .owl-carousel .item .txt-box > div .txt01{left:-15%;padding:0 0 35px 0;font-weight:700;font-size:70px;color:#fff;line-height:80px;}
.main-visual-box .owl-carousel .item .txt-box > div .txt01:before{content:'';position:absolute;top:35px;left:-130px;width:90px;height:5px;background-color:#ffd50e;}
.main-visual-box .owl-carousel .item .txt-box > div .txt02{left:15%;max-height:90px;font-size:20px;color:rgba(255,255,255,0.7);line-height:30px;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-visual-box .owl-carousel .item .txt-box .btn-more{bottom:-100px;padding:2px 5px;border-bottom:2px solid #ffd50e;color:#fff;opacity:0;transition:opacity 1.2s, bottom 2s;}
.main-visual-box .owl-carousel .active .item .txt-box .btn-more{bottom:0;opacity:1;}
.main-visual-box .owl-carousel .item .txt-box .btn-more:after{background:url(/board/_res/img/common/btn-more-w.png) no-repeat 0 0/100%;}

.main-visual-box .owl-etc-box{position:absolute;bottom:100px;left:320px;z-index:10;}
.main-visual-box .owl-etc-box > div{display:inline-block;}
.main-visual-box .cnt-wrap{padding:0 10px 0 0;font-size:20px;color:#859bab;line-height:25px;}
.main-visual-box .cnt-wrap span{display:inline-block;}
.main-visual-box .cnt-wrap .now{position:relative;padding:0 31px 0 0;color:#fff;}
.main-visual-box .cnt-wrap .now:before{content:'';position:absolute;top:-13px;left:-21px;width:47px;height:47px;border:2px solid #fff;border-radius:50%;}
.main-visual-box .vi-control-wrap a{display:inline-block;margin:0 5px 0 0;width:9px;height:15px;}
.main-visual-box .vi-control-wrap a:last-of-type{margin:0;}
.main-visual-box .vi-control-wrap .vi-prev{background:url(/board/_res/img/common/btn-main-vi-prev.png) no-repeat 0 0;opacity:0.5;}
.main-visual-box .vi-control-wrap .vi-prev:hover{opacity:1;}
.main-visual-box .vi-control-wrap .vi-next{background:url(/board/_res/img/common/btn-main-vi-next.png) no-repeat 0 0;opacity:0.5;}
.main-visual-box .vi-control-wrap .vi-next:hover{opacity:1;}
  
.main-visual-box .owl-theme .owl-dots{position:absolute;bottom:25px;left:0;width:100%;opacity:0;}
.main-visual-box .owl-theme .owl-nav.disabled+.owl-dots{margin:0;line-height:0;}
.main-visual-box .owl-theme .owl-dots .owl-dot{padding:0 5px 0 0;}
.main-visual-box .owl-theme .owl-dots .owl-dot:last-of-type{margin:0;padding:0 16px 0 0;}
.main-visual-box .owl-theme .owl-dots .owl-dot span{margin:0;padding:0;background-color:#e1e1e1;box-sizing:border-box;}
.main-visual-box .owl-theme .owl-dots .owl-dot:last-of-type span{margin:0;}
.main-visual-box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width:20px;border-color:#006199;background-color:#006199;}

.main-visual-box .mini-board-ctrl{display:block;position:absolute;bottom:33px;left:0;width:6px;height:10px;z-index:10;opacity:0;}
.main-visual-box .mini-board-ctrl img{display:none;}
.main-visual-box .carousel-stop img:first-of-type{display:inline-block;}
.main-visual-box .carousel-play img:last-of-type{display:inline-block;}

/* 메인컨텐츠01 */
.main-content-box01{background-color:#f4f8f9;overflow:hidden;}
.main-content-box01 .main-mini-wrap{padding:104px 0 86px;}
.main-content-box01 .main-mini-box{float:left;}
.main-content-box01 .main-mini-box01{position:relative;margin:0 90px 0 0;width:calc(45% - 45px);}
.main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title{display:inline-block;position:relative;padding:0 10px 7px;font-weight:500;font-size:20px;color:#115286;line-height:25px;}
.main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#f4c900;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul{padding:0 0 30px 0;border-top:1px solid #b7c2c6;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li{padding:14px 0;border-bottom:1px solid #b7c2c6;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title{display:inline-block;position:relative;max-width:calc(100% - 110px);font-weight:200;font-size:18px;line-height:23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertica-align:middle;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title:hover:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#333;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-date{float:right;padding:0 24px 0 0;font-weight:200;font-size:18px;color:#5c5c5c;line-height:23px;vertica-align:middle;}
.main-content-box01 .main-mini-box01 .mini-board-content .btn-more:after{background:url(/board/_res/img/common/btn-more-b.png) no-repeat 0 0/100%;}
.main-content-box01 .main-mini-box01 .mini-lnk-box{position:absolute;top:85px;right:0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li{display:inline-block;padding:0 26px 0 0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li:last-of-type{padding:0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a{display:inline-block;font-size:20px;color:#666;line-height:25px;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:after{content:'';display:inline-block;margin:0 0 0 10px;width:16px;height:16px;background:url(/board/_res/img/common/btn-main-lnk01.png) no-repeat 0 0/100%}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:hover{color:#115286;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:hover:after{background-image:url(/board/_res/img/common/btn-main-lnk01-on.png);}
.main-content-box01 .main-mini-box02{position:relative;width:calc(55% - 45px);}
.main-content-box01 .main-mini-box02 .main-news-box .owl-carousel .owl-stage-outer{position:absolute;}
.main-content-box01 .main-mini-box02 .main-news-box .item{max-width:380px;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box{padding:0 0 17px 0;height:280px;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a{display:block;width:100%;height:100%;overflow:hidden;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a:hover img{transform:scale(1.07);}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title{padding:0 0 4px 0;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title a{display:inline-block;width:100%;font-size:17px;color:#000;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-txt a{display:inline-block;max-height:40px;font-size:15px;color:#5c5c5c;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap{position:absolute;top:0;right:0;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap:after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap a{float:left;margin:0 15px 0 0;width:55px;height:55px;border:1px solid #d7d7d7;box-sizing:border-box;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap a:last-of-type{margin:0;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap .prev{background:#fff url(/board/_res/img/common/btn-main-con01-prev.gif) no-repeat 50% 50%;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap .next{background:#fff url(/board/_res/img/common/btn-main-con01-next.gif) no-repeat 50% 50%;}

/* 메인컨텐츠02 */
.main-content-box02{background:url(/board/_res/img/common/bg-main-content02.gif) repeat-x 0 0/cover;}
.main-content-box02 .main-mini-wrap{position:relative;left:-40px;padding:80px 0;}
.main-content-box02 .main-mini-wrap:before{content:'';position:absolute;top:-200px;left:-180px;z-index:10;width:25px;height:300px;background:url(/board/_res/img/common/bg-main-mark.png) no-repeat 0 0/100%;opacity:0.8;}
.main-content-box02 .main-mini-wrap:after{content:'';position:absolute;bottom:-200px;right:-260px;z-index:10;width:25px;height:300px;background:url(/board/_res/img/common/bg-main-mark.png) no-repeat 0 0/100%;opacity:0.8;}
.main-content-box02 .main-mini-box:before{content:'';position:absolute;bottom:-20px;right:100%;z-index:5;width:260px;height:150px;background-color:#fff;box-shadow:5px 2px 5px rgba(0,0,0,0.3);}
.main-content-box02 .main-mini-box:after{content:'';position:absolute;bottom:-20px;left:-60px;z-index:5;width:270px;height:150px;background-color:#ffd50e;}
.main-content-box02 .main-mini-box > div{display:inline-block;position:relative;margin:0 -4px 0 0;z-index:10;vertical-align:top;}
.main-content-box02 .main-mini-box > div:last-of-type{margin:0;}
.main-content-box02 .left-box{width:47.3%;}
.main-content-box02 .left-box .mini-video-box iframe{display:block;position:relative;height:345px;}
.main-content-box02 .left-box .mini-video-box iframe:hover:after{content:'';position:absolute;top:50%;left:50%;width:146px;height:148px;background:url(/board/_res/img/common/btn-main-video-play.png) no-repeat 0 0/100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.main-content-box02 .left-box .mini-video-box iframe .ytp-large-play-button{display:none;}
.main-content-box02 .right-box{padding:0 0 0 65px;width:52.7%;box-sizing:border-box;}
.main-content-box02 .right-box .mini-title{padding:0 0 30px 0;font-weight:200;font-size:60px;color:#f4eed3;line-height:65px;}
.main-content-box02 .right-box .mini-title span{color:#ffd50e;}
.main-content-box02 .right-box .mini-thumb-box ul:after{content:'';display:block;clear:both;}
.main-content-box02 .right-box .mini-thumb-box ul li{float:left;padding:0 40px 0 0;max-width:calc(33.33333% - 26.67px)}
.main-content-box02 .right-box .mini-thumb-box ul li:last-of-type{padding:0;}
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box{padding:0 0 18px 0;}
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a{display:block;position:relative;margin:0 auto;width:115px;height:115px;border-radius:50%;box-sizing:border-box;overflow:hidden;}
.main-content-box02 .right-box .mini-thumb-box ul li.active .thumb-box a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #ffd50e;border-radius:50%;box-sizing:border-box;}
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a img, 
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box .vimeoPlayer{width:100%;height:100%;object-fit:cover;}
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a img{transition:all .5s;}
.main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a:hover img{transform:scale(1.07);}
.main-content-box02 .right-box .mini-thumb-box ul li .txt-box{text-align:center;}
.main-content-box02 .right-box .mini-thumb-box ul li .txt-box a{display:block;max-width:100%;font-size:17px;color:rgba(255,255,255,0.5);line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-content-box02 .right-box .mini-thumb-box ul li.active .txt-box a{color:#fff;}
.main-content-box02 .right-box .mini-thumb-box ul li .txt-box span{font-weight:200;font-size:15px;color:rgba(255,255,255,0.5);line-height:20px;}
.main-content-box02 .right-box .mini-thumb-box ul li.active .txt-box span{color:#fff;}
.main-content-box02 .btn-more{position:absolute;bottom:35px;left:0;margin:30px 0 0 40px;z-index:10;}
.main-content-box02 .btn-more:after{background:url(/board/_res/img/common/btn-more-b.png) no-repeat 0 0/100%;}

/* 메인컨텐츠03 */
.main-content-box03{background:#f4f4f4;}
.main-content-box03 .main-mini-wrap{padding:110px 0 120px;min-height:662px;}
.main-content-box03 .main-mini-wrap:after{content:"";display:block;clear:both;}
.main-content-box03 .main-mini-wrap .main-title-box{float:left;position:relative;z-index:10;}
.main-content-box03 .main-mini-wrap .main-lnk-box{position:relative;float:right;padding:5px 0 0;z-index:10;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li{display:inline-block;margin:0 11px 0 0;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li:last-of-type{margin:0;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li a{display:block;width:36px;height:36px;text-indent:-99999px;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li.facebook a{background:url(/board/_res/img/common/ico-sns01-off.png) no-repeat 0 0/100%;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li.facebook a:hover{background-image:url(/board/_res/img/common/ico-sns01-on.png);}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li.instagram a{background:url(/board/_res/img/common/ico-sns02-off.png) no-repeat 0 0/100%;}
.main-content-box03 .main-mini-wrap .main-lnk-box ul li.instagram a:hover{background-image:url(/board/_res/img/common/ico-sns02-on.png);}
.main-content-box03 .mini-tab-box{position:absolute;top:115px;left:0;clear:both;width:100%;}
.main-content-box03 .mini-tab-box > ul{text-align:center;}
.main-content-box03 .mini-tab-box > ul > li{padding:0 75px 0 0;}
.main-content-box03 .mini-tab-box > ul > li:last-of-type{padding:0;}
.main-content-box03 .mini-tab-box > ul > li .mini-board-content{top:90px;left:0;text-align:left;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .owl-carousel .owl-stage-outer{width:calc(100% + 10px);}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .owl-item{padding:0 0 30px;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item{border-right:10px solid transparent;border-bottom:10px solid transparent;box-sizing:border-box;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item:hover{border-color:#ffd50e;box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-img-box{display:block;height:260px;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-img-box img{width:100%;height:100%;object-fit:cover;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box{position:relative;padding:25px 25px 0;min-height:258px;background:#fff;box-sizing:border-box;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box img{width:auto;max-width:100%;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div{display:table;padding:0 0 15px;width:100%;table-layout:fixed;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div > div{display:table-cell;vertical-align:middle;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div > div:nth-of-type(1){width:50px;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div > div:nth-of-type(2){padding:0 0 0 10px;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div > div:nth-of-type(2) a{display:block;font-weight:500;font-size:15px;color:#365899;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div > div:nth-of-type(2) span{font-size:13px;color:#7b7b7b;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > p{margin:0 0 20px;height:92px;font-size:15px;line-height:23px;color:#5c5c5c;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > p a{color:#3660af;}
.main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > a{position:absolute;bottom:0;left:0;padding:17px 0;width:100%;border-top:1px solid #e1e1e1;font-weight:400;font-size:15px;color:#666;text-align:center;}

.main-content-box03 .owl-theme .owl-dots{position:absolute;margin:0;width:100%;}
.main-content-box03 .owl-theme .owl-nav.disabled+.owl-dots{margin:0;line-height:0;}
.main-content-box03 .owl-theme .owl-dots .owl-dot{padding:0 5px 0 0;}
.main-content-box03 .owl-theme .owl-dots .owl-dot:last-of-type{margin:0;padding:0 16px 0 0;}
.main-content-box03 .owl-theme .owl-dots .owl-dot span{margin:0;padding:0;border:2px solid #acacac;background:none;box-sizing:border-box;}
.main-content-box03 .owl-theme .owl-dots .owl-dot:last-of-type span{margin:0;}
.main-content-box03 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width:20px;border-color:#707070;background-color:#707070;}

.main-content-box03 .mini-board-ctrl{position:absolute;bottom:-2px;left:0;width:6px;height:10px;z-index:10;}
.main-content-box03 .mini-board-ctrl img{display:none;}
.main-content-box03 .carousel-stop img:first-of-type{display:inline-block;}
.main-content-box03 .carousel-play img:last-of-type{display:inline-block;}

/* 서브비주얼 */
.sub-visual-outer:before{content:'';position:absolute;top:0;left:0;z-index:-10;width:50%;min-height:220px;background-color:#16476e;}
.sub-visual-box{position:relative;margin:0 0 0 auto;max-width:1670px;min-height:170px;background:url(/board/_res/img/common/img-sub-visual01.jpg) no-repeat 50% 50%/cover;}
.sub-visual-box:before{content:'';position:absolute;bottom:-10px;left:-25px;z-index:-10;width:50%;height:110px;background-color:#ffd50e;}

/* 상단 네비게이션 */
.path-box{position:relative;margin:0 auto;z-index:20;max-width:1300px;}
.path-box:after{content:'';display:block;clear:both;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:25px 25px 24px;background:url(/board/_res/img/common/ico-home.png) no-repeat center center;box-sizing:border-box;}
.path-depth-wrap{float:left;width:calc(100% - 148px);background-color:#fff;border:1px solid #ddd;border-right:none;box-sizing:border-box;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:250px;border-right:1px solid #ddd;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:14px 34px 14px 24px;background:url(/board/_res/img/common/ico-path-open.png) no-repeat right 19px center;font-size:15px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/board/_res/img/common/ico-path-close.png);}
.path-depth-wrap > ul > li:last-of-type > .path-selected{background-image:url(/board/_res/img/common/ico-path-selected-open.png);color:#333;}
.path-depth-wrap > ul > li.active:last-of-type > .path-selected{background-image:url(/board/_res/img/common/ico-path-selected-close.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:-1px;z-index:20;padding:18px 24px;width:calc(100% + 2px);background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 9px 0;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{padding:0;}
.path-depth-wrap > ul > li > .path-depth > li > a{font-size:14px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#333;font-weight:500;text-decoration:underline;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#013775;text-decoration:underline;}
.path-box .util-box{float:right;border:1px solid #ddd;box-sizing:border-box;}
.path-box .util-box ul:after{content:'';display:block;clear:both;}
.path-box .util-box ul li{float:left;position:relative;}
.path-box .util-box ul li:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:60%;background:#ddd;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.path-box .util-box ul li:nth-of-type(2):after{height:1px;background:#767676;}
.path-box .util-box ul li:last-of-type:after{display:none;}
.path-box .util-box ul li a{display:block;position:static;padding:24px 24px 25px;box-sizing:border-box;}
.path-box .util-box ul li:nth-of-type(1) a{background:#fff url(/board/_res/img/common/ico-print.png) no-repeat center center;}
.path-box .util-box ul li:nth-of-type(2) a{background:#fff url(/board/_res/img/common/ico-share.png) no-repeat center center;}

/* 타이틀 */
.page-title{padding:35px 0 54px;text-align:center;}
.page-title h3{padding:53px 0 0 0;background:url(/board/_res/img/common/bg-title.gif) no-repeat 50% 0;font-weight:500;font-size:45px;line-height:55px;}

/* 탭 */
.tab-box{padding:0 0 60px 0;}
.tab-ul01{display:table;width:100%;text-align:center;}
.tab-ul01 li{display:table-cell;width:100px;}
.tab-ul01 li a{display:block;padding:17px 5px;border:1px solid #dcdcdc;border-right:0;font-size:18px;line-height:24px;color:#333;}
.tab-ul01 li:last-of-type a{border-right:1px solid #dcdcdc;}
.tab-ul01 li a.active{border:1px solid #16476e;background:#16476e;font-weight:700;color:#fff;}


@media screen and (max-width:1300px) {
  
  /* 퀵메뉴 */
  .main-quick-wrap .main-quick-menu{right:15px;}
  
  /* 메인컨텐츠02 */
  .main-content-box02 .main-mini-wrap{left:0;}
  
}

@media screen and (max-width:1024px) {
  
  /* layout */
  .sub-content-wrap{padding:0 10px 80px;}
  
  /* 퀵메뉴 */
  .main-quick-wrap .main-quick-menu{display:none;}
  
  /* header */
  .bottom-header-outer{background-color:#fff !important;}  
  .bottom-header-box{padding:0 10px;}
  .bottom-header-box > h1{padding:10px 0;width:96px;}
  .bottom-header-box > h1 a .pc-logo{display:none;}
  .bottom-header-box > h1 a .m-logo{display:block;}
  
  .gnb-wrap{display:none;}
  .btn-menu{display:block !important;}

  /* 메인비주얼 */
  .main-visual-box .owl-carousel .owl-stage{right:0;}
  .main-visual-box .owl-carousel .owl-item:not(.active) .img-box{transform:none;}
  .main-visual-box .owl-carousel .item .img-box{margin:0 auto;width:100%;}
  .main-visual-box .owl-carousel .item .txt-box{padding:0 35px;}
  .main-visual-box .owl-carousel .item .txt-box > div .txt01:before{display:none;}
  .main-visual-box .owl-carousel .item .txt-box > div .txt02{color:#fff;}
  
  .main-visual-box .owl-etc-box{display:none;}
  .main-visual-box .owl-theme .owl-dots{opacity:1;}
  .main-visual-box .mini-board-ctrl{opacity:1;}
  
  .main-visual-box .owl-theme .owl-dots{position:absolute;bottom:25px;left:0;width:100%;}
  .main-visual-box .owl-theme .owl-nav.disabled+.owl-dots{margin:0;line-height:0;}
  .main-visual-box .owl-theme .owl-dots .owl-dot{padding:0 5px 0 0;}
  .main-visual-box .owl-theme .owl-dots .owl-dot:last-of-type{margin:0;padding:0 16px 0 0;}
  .main-visual-box .owl-theme .owl-dots .owl-dot span{margin:0;padding:0;background-color:#e1e1e1;box-sizing:border-box;}
  .main-visual-box .owl-theme .owl-dots .owl-dot:last-of-type span{margin:0;}
  .main-visual-box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width:20px;border-color:#006199;background-color:#006199;}

  .main-visual-box .mini-board-ctrl{display:block;position:absolute;bottom:33px;left:0;width:6px;height:10px;z-index:10;}
  .main-visual-box .mini-board-ctrl img{display:none;}
  .main-visual-box .carousel-stop img:first-of-type{display:inline-block;}
  .main-visual-box .carousel-play img:last-of-type{display:inline-block;}
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-wrap{padding:50px 10px;}
  .main-content-box01 .main-mini-box{float:none;width:100%;}
  .main-content-box01 .main-mini-box01{padding:0 0 40px 0;}
  .main-content-box01 .main-mini-box02{min-height:450px;}
  
  /* 메인컨텐츠02 */
  .main-content-box02 .main-mini-box{padding:0 35px;}
  .main-content-box02 .main-mini-box:before{display:none;}
  .main-content-box02 .main-mini-box:after{top:0;bottom:auto;}
  .main-content-box02 .main-mini-box > div{display:block;width:100%;}
  .main-content-box02 .left-box{padding:0 0 40px 0;}
  .main-content-box02 .right-box{padding:0;}
  .main-content-box02 .right-box .mini-thumb-box ul li{width:100%;}
  .main-content-box02 .btn-more{top:0;bottom:auto;}
  
   /* 메인컨텐츠03 */
  .main-content-box03 .mini-tab-box > ul > li{padding:0 45px 0 0;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .owl-carousel .owl-stage-outer{width:100%;}

  /* 상단 네비게이션 */
  .path-depth-wrap > ul > li{min-width:180px;}
  
}

@media screen and (max-width:768px) {  

  /* common */  
  .pc-hide{display:block !important;}
  .mobile-hide{display:none !important;}
  .h4-tit01{padding: 0 0 15px 20px;font-size:18px;line-height:23px;}
  .h4-tit01:before{top:4px;width: 12px;height: 14px;}
  .h5-tit01{padding: 0 0 10px 12px;font-size:16px;line-height:21px;}
  .h5-tit01:before{top: 7px;width: 5px;height: 5px;}
  .con-box{padding:0 0 25px 0;}
  .con-p{padding:0 0 15px 0;font-size:14px;line-height:24px;}
  .ul-type01 > li{padding: 0 0 0 12px;font-size: 15px;line-height:26px;}
  .ul-type01 > li:before{top: 12px;}
  .ul-type02 > li{padding: 0 0 0 7px;font-size:14px;line-height:24px;}
  .ul-type02 > li:before{top:12px;}
  .intro-ul > li{padding:0 0 10px 15px;font-size:16px;line-height:26px;}
  .intro-ul > li:before{top:9px;}
  .ol-type01 > li{font-size:14px;line-height:24px;}
  .ol-type02 > li{font-size:14px;line-height:24px;}
  .mark-p{font-size:14px;line-height:24px;}

  /* 링크박스 */
  .link-box.d-ib ul li{padding:0 6px 10px 0;}
  .link-box ul li{padding:0 0 20px 0;}
  .link-box ul li a{padding:9px 15px;font-size:14px;}
  .link-box ul li a:after{margin:0 0 0 15px;}
  .link-box ul li a.link:after{width:14px;height:14px;}
  
  /* layout */
  .sub-content-wrap{padding:0 10px 40px;}
  
  /* 상단팝업 */
  .main-popup-carousel-outer{margin:0 55px 0 0;}
  .main-popup-carousel .owl-carousel{padding:0 20px;}
  .main-popup-carousel .owl-carousel:after{display:none;}
  .main-popup-carousel .owl-carousel .popup-lnk-box{padding:20px 0 21px;}
  .main-popup-carousel .owl-carousel .popup-lnk-box p{padding:0 11px 0 0;max-width: calc(100% - 73px);}
  .main-popup-carousel .owl-carousel .popup-lnk-box p a{font-size:14px;line-height:19px;}
  .main-popup-carousel .owl-carousel .popup-lnk-box > a{padding: 3px 8px;font-size: 13px;}
  .main-popup-carousel .owl-theme .owl-dots{display:none;}
  .main-popup-box .btn-pop-close{width:20px;height:21px;}  
  
  .do-not-open-box{right:20px;}
  .do-not-open-box a:after{width:21px;height:21px;}
  .do-not-open-box a span{padding:2px 6px;font-size:12px;}
  
  /* footer */
  .bottom-footer-box{padding:20px 10px;}
  .bottom-footer-box .left-box{float:none;}
  .bottom-footer-box .left-box > p{font-size:14px;line-height:23px;}
  .bottom-footer-box .left-box > p.copy{font-size:13px;}
  .bottom-footer-box .right-box{float:none;padding:15px 0 0 0;}
  .bottom-footer-box .right-box ul{text-align:center;}
  .bottom-footer-box .right-box ul li{padding:0 10px 0 0;}
  .bottom-footer-box .right-box ul li a{width:38px;height:37px;}
  
  /* 메인컨텐츠 공통 */
  .main-title{padding:0 0 15px 0;font-size:20px;line-height:25px;}
  .main-mini-wrap .carousel-wrap.type01{width:calc(100% - 169px);}
  .main-content-box .mini-tab-box > ul > li .mini-board-tab{font-size:16px;line-height:24px;}
  .btn-more{font-size:15px;line-height:20px;}
  
  /* 메인비주얼 */
  .main-visual-box .owl-carousel .item .img-box{height:400px;}
  .main-visual-box .owl-carousel .item .txt-box{top:40px;padding:0 10px;}
  .main-visual-box .owl-carousel .item .txt-box > div{padding:0 0 20px 0;}
  .main-visual-box .owl-carousel .item .txt-box > div > p{max-width:450px;}
  .main-visual-box .owl-carousel .item .txt-box > div .txt01{padding:0 0 15px 0;font-size:30px;line-height:40px;}
  .main-visual-box .owl-carousel .item .txt-box > div .txt02{max-height:78px;font-size:16px;line-height:26px;}
  .main-visual-box .owl-carousel .item .txt-box .btn-more{font-size:15px;line-height:20px;}
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-wrap{padding:20px 10px;}
  .main-content-box01 .main-mini-box01{padding:0 0 20px 0;}
  .main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title{padding:0 5px 7px;font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul{padding:0 0 15px 0;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li{padding:13px 0 7px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title{max-width:calc(100% - 110px);font-size:14px;line-height:19px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-date{padding:0 10px 0 0;font-size:14px;line-height:19px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box{top:40px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li{padding:0 15px 0 0;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a{font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:after{width:16px;height:16px;}
  .main-content-box01 .main-mini-box02{min-height:375px}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box{padding:0 0 10px 0;height:250px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title a{font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-txt a{max-height:36px;font-size:13px;line-height:18px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap{top:-5px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap a{margin:0 10px 0 0;width:35px;height:35px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap .prev{background-size:8px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap .next{background-size:8px;}

  /* 메인컨텐츠02 */
  .main-content-box02 .main-mini-wrap{padding:45px 0 20px;}
  .main-content-box02 .main-mini-box{padding:0 10px;}
  .main-content-box02 .left-box{padding:0 0 20px 0;}
  .main-content-box02 .right-box .mini-title{padding: 0 0 15px 0;font-size:30px;line-height:40px;}
  .main-content-box02 .right-box .mini-title br{display:none;}
  .main-content-box02 .right-box .mini-thumb-box ul li{padding: 0 15px 0 0;max-width:calc(33.33333% - 10px);}
  .main-content-box02 .right-box .mini-thumb-box ul li .thumb-box{padding:0 0 12px 0;}
  .main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a{width:90px;height:90px;}
  .main-content-box02 .right-box .mini-thumb-box ul li .txt-box a{font-size:15px;line-height:20px;}
  .main-content-box02 .right-box .mini-thumb-box ul li .txt-box span{font-size:13px;line-height:18px;}
  .main-content-box02 .btn-more{margin:20px 0 0 10px;}
  
  /* 메인컨텐츠03 */
  .main-content-box03 .main-mini-wrap{padding:20px 0 30px;min-height:616px;}
  .main-content-box03 .main-mini-wrap .main-title-box{padding:0 10px;}
  .main-content-box03 .main-mini-wrap .main-lnk-box{position:absolute;top:66px;right:0;padding:0 10px 0 0;}
  .main-content-box03 .main-mini-wrap .main-lnk-box ul li{margin:0 5px 0 0;}
  .main-content-box03 .main-mini-wrap .main-lnk-box ul li a{width:30px;height:30px;}
  .main-content-box03 .main-mini-wrap .mini-tab-box{position:relative;top:0;}
  .main-content-box03 .mini-tab-box > ul > li{padding:0;}
  .main-content-box03 .mini-tab-box > ul > li .mini-board-tab{margin:0 15px 0 0;}
  .main-content-box03 .mini-tab-box > ul > li .mini-board-content{top:65px;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .owl-item{padding:0 0 10px 0;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box{padding:15px 15px 0;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > div{padding:0 0 10px;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > p{margin:0 0 10px;height:88px;font-size:14px;line-height:22px;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-txt-box > a{padding:10px 0;font-size:14px;}
  
  /* 서브비주얼 */
  .sub-visual-outer:before{display:none;}
  .sub-visual-box{min-height:80px;}
  .sub-visual-box:before{display:none;}
  
  /* 상단 네비게이션 */
  .path-box{margin:0;}
  .path{float:none;}
  .path-home{display:none;}
  .path-depth-wrap{width:100%;}
  .path-depth-wrap > ul > li{position:relative;min-width:auto;width:calc(100% / 3);font-size:13px;line-height:18px;box-sizing:border-box;}
  .path-depth-wrap > ul > li:nth-child(3n){border-right:0;}
  .path-depth-wrap > ul > li:nth-child(3n):after{content:'';display:block;position:absolute;bottom:0;right:0;width:300%;height:1px;}
  .path-depth-wrap > ul > li > .path-selected{padding:8px 25px 8px 9px;background-position:right 8px center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
  .path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
  .path-box .util-box{display:none;}

  /* 타이틀 */
  .page-title{padding:20px 0 25px;}
  .page-title h3{padding:15px 0 0 0;background-size:15px;font-size:22px;line-height:32px;}
  
  /*탭*/
  .m-tab-box{position:relative;padding:0 0 20px;}
  .m-tab-box label{display:block;position:relative;padding:5px 30px;background:#16476e url(/board/_res/img/common/btn-tab-open.png) no-repeat right 10px top 50%;width:100%;height:35px;font-family:inherit;font-weight:500;font-size:16px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-sizing:border-box;}
  .m-tab-box.active label{background-image:url(/board/_res/img/common/btn-tab-close.png);}
  .tab_sel{position:absolute;top:0;left:0;width:100%;height:35px;filter:alpha(opacity=0);opacity:0;}
  .tab_sel option{color:#333;}

}

@media screen and (max-width:480px) {  
  
  /* 상단팝업 */
  .main-popup-carousel-outer{margin:0 47px 0 0;}
  .main-popup-carousel .owl-carousel{padding:0 36px 0 10px;}
  .do-not-open-box{right:10px;}
  
  /* 메인컨텐츠 공통 */
  .main-mini-wrap .carousel-wrap.type01{display:block;padding:0;width:100%;}
  
  /* 메인비주얼 */
  .main-visual-box .owl-carousel .item .txt-box > p{max-width:100%;}
  .main-visual-box .owl-carousel .item .txt-box > div .txt01 br{display:none;}
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-box02 .main-news-box .item{max-width:300px;}
  
  /* 메인컨텐츠02 */  
  .main-content-box02 .right-box .mini-thumb-box ul li .thumb-box a{max-width:70px;}
  
}

@media screen and (max-width:420px) {
  
  /* 메인컨텐츠03 */
  .main-content-box03 .main-mini-wrap{min-height:525px;}
  .main-content-box03 .mini-tab-box > ul > li.active .mini-board-content .item .mini-img-box{height:180px;}
  
}

@media screen and (max-width:320px) {
  
  /* 상단팝업 */
  .main-popup-carousel .owl-carousel .popup-lnk-box p{display:block;max-width:100%;}
  .main-popup-carousel .owl-carousel .popup-lnk-box > a{display:none;}
  
  /* 메인컨텐츠03 */
  .main-content-box03 .main-mini-wrap{min-height:560px;}
  .main-content-box03 .main-mini-wrap .main-title-box{float:none;}
  .main-content-box03 .main-mini-wrap .main-lnk-box{float:none;position:relative;top:auto;left:auto;padding:15px 10px 10px;text-align:center;}
  .main-content-box03 .main-mini-wrap .mini-tab-box{padding:0;}
  .main-content-box03 .mini-tab-box > ul > li .mini-board-content{top:50px;}
  
}