html{color:#222; font-family: "NotoSansCJKkr";}
.container{width:1200px; margin:0 auto;}
.desc_text{position: absolute; width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;  clip-path: polygon(0 0, 0 0, 0 0);}

.header{width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10;}
.header .gnb_depth2{background:#fff; width:100%; display:flex; align-items:center; justify-content:center;}
.header .gnb_depth2 li{margin-right:45px;}
.header .gnb_depth2 li:last-child{margin-right:0;}
.header .gnb_depth2 li a{display:block; font-size:16px; color:#222; padding:17px 0;}
.header .gnb_depth2 li.on a{position:relative;}
.header .gnb_depth2 li.on a:after{content:""; width:100%; height:4px; background:#0048bc; position:absolute; left:0; bottom:0;}

.subCont{}
.subCont .breadcrumb .container{position:relative;}
.subCont .breadcrumb{}
.subCont .breadcrumb ul{position:absolute; left:0; top:21px; display:flex; z-index:10;}
.subCont .breadcrumb ul li{height:48px; line-height:48px; width:150px; background:rgba(0,0,0,0.4); text-align:center; color:#fff; font-size:14px; font-weight:500; box-sizing:border-box;}
.subCont .breadcrumb ul li.home{width:48px; background:url(/web/images/webzine/home.png);}
.subCont .breadcrumb ul li:last-child{width:177px; background:url(/web/images/webzine/bread_arrow.png); text-align:left; padding-left:30px;}
.subCont .sub_vis{width:100%; height:769px; position:relative;}
.subCont .sub_vis .visbox{width:100%; height:100%; }
.subCont .sub_vis .visbox .container{height:100%;}
.subCont .sub_vis .txtbox{position:absolute; left:50%; top:50%; transform:translateY(-50%); margin-left:-600px;}
.subCont .sub_vis .txtbox span{font-family: 'Lato'; font-size:20px; font-weight:bold; display:block; padding-bottom:5px; color:#fff;}
.subCont .sub_vis .txtbox h2{font-size:45px; line-height:60px; font-weight:bold; padding-bottom:23px; color:#fff;}
.subCont .sub_vis .txtbox h2 em{position:relative; z-index:1; color:#fcecc5;}
.subCont .sub_vis .txtbox h2 em:before{content:""; width:520px; height:57px; background:#2b5cac; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:3px; z-index:-1;}
.subCont .sub_vis .txtbox .sub_vis_more{background:url(/web/images/webzine/sub_vis_arrow_wh.png) no-repeat center center; display:block; width:47px; height:47px;}
.subCont .sub_vis .txtbox .sub_vis_more svg{stroke-dasharray: 144; stroke-dashoffset: 144; transition:stroke-dashoffset 0.5s; transform:rotate(90deg);}
.subCont .sub_vis .txtbox .sub_vis_more:hover svg{stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.subCont .sub_vis .h_more{display:block; position:absolute; right:50%; top:21px; margin-right:-600px; width:180px; height:39px; box-sizing:border-box; text-align:center; background:url(/web/images/webzine/sub_vis_h.png) no-repeat; padding-right:17px; font-size:14px; font-weight:500; color:#fff; line-height:39px;}
/*.subCont .sub_vis .vis_page{position:absolute; left:50%; bottom:54px; transform:translateX(-50%);}*/
.sub_vis .visbox .pager{position:absolute; left:50%; bottom:35px; transform:translateX(-50%); display:flex; align-items:center;}
.sub_vis .visbox .pager .stop{margin-right:30px;}
.sub_vis .visbox .pager .pageIndex{width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:bold; opacity:0.5; box-sizing:border-box; margin-right:9px; font-family: "Montserrat"; }
.sub_vis .visbox .pager .pageIndex:last-child{margin-right:0;}
.sub_vis .visbox .pager .pageIndex.on{opacity:1; border:1px solid #fff; border-radius:50%;}

@keyframes strokeAni {
	100%{stroke-dashoffset:0;}
}

.webzine_visual{height:769px;}
.webzine_visual .swiper-slide{width:100%; height:100%;}
.webzine_visual .swiper_navi{position:absolute; left:50%; bottom:35px; transform:translateX(-50%); display:flex; align-items:center; z-index:20;}
.webzine_visual .swiper_navi .swiper_controller{}
.webzine_visual .swiper_navi .swiper_controller .controllBtn{display:block; width:10px; height:12px; margin-right:30px;}
.webzine_visual .swiper_navi .swiper_controller .controllBtn.pause{background:url(/web/images/webzine/page_stop.png) no-repeat center center;}
.webzine_visual .swiper_navi .swiper_controller .controllBtn.play{background:url(/web/images/webzine/page_play.png) no-repeat center center;}
.webzine_visual .swiper_navi .swiper-pagination{position:static; display:flex; align-items:center;}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet{width:49px; height:49px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:bold; opacity:0.5; box-sizing:border-box; margin-right:9px; font-family: "Montserrat";}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active{opacity:1; border:1px solid #fff; border-radius:50%;}

.sub01{padding-top:70px; padding-bottom:202px;}
.sub01 h3{font-size:28px; line-height:40px; font-weight:500;}
.sub01 h3 .vol{font-size:20px; color:#0047ba; display:block;}
.sub01 ul{display:flex; flex-wrap:wrap; padding-top:35px;}
.sub01 ul li{width:calc(50% - 24px); margin-right:47px; margin-top:21px; display:flex; box-sizing:border-box; position:relative; overflow:hidden; }
.sub01 ul li:nth-child(2n){margin-right:0;}
.sub01 ul li:nth-child(-n+2){margin-top:0;}
.sub01 ul li > a{width:100%; display:flex; border: 1px solid #dadada; box-sizing:borer-box;}
.sub01 ul li .txtbox{width:calc(100% - 264px); box-sizing:border-box; /*border-bottom:1px solid #dadada; */padding:32px 20px 35px 26px; position:relative;}
.sub01 ul li .txtbox .cate{font-family: 'Lato'; font-size:16px; position: relative; display: block; color:#0048bc; font-weight:bold;}
/*.sub01 ul li .txtbox .cate:before{content:""; width:8px; height:8px; background:#003ea3; border-radius:50%; position:absolute; left:0px; top:-5px;}*/
.sub01 ul li .txtbox h4{font-size:23px; line-height:35px; font-weight:500; letter-spacing:-1px; padding-top:9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sub01 ul li .txtbox .date{position:absolute; font-size:14px; color:#666; left:26px; bottom:35px; }
.sub01 ul li .txtbox .arrow{display:block; width:30px; height:30px; background:url(/web/images/webzine/web_arrow.png) no-repeat center center; position:absolute; right:20px; bottom:27px;}
.sub01 ul li .txtbox .arrow svg{stroke-dasharray: 90; stroke-dashoffset: 90; transition:stroke-dashoffset 0.5s; transform:rotate(90deg);}
.sub01 ul li a:hover .txtbox .arrow{background:url(/web/images/webzine/web_arrow_on.png) no-repeat center center;}
.sub01 ul li a:hover .txtbox .arrow svg{stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.sub01 ul li.hover{/*box-shadow:0 0 40px rgba(59,75,109,0.25);*/ border:1px solid #0048bc;}
.sub01 ul li.hover .txtbox{border-bottom:none; background:url(/web/images/webzine/sub01_ico_hover.png) no-repeat right 20px bottom 27px;}
.sub01 ul li .imgbox{width:264px; height:227px; overflow:hidden; position:relative;}
.hover_line{}
.hover_line em{position:absolute; display:block; background:#003EA3;}
.hover_line em.tlr{width:0; height:1px; left:0; top:0; transition:all 0.5s ease-out;}
.hover_line em.rtb{width:1px; height:0; right:0; top:0; transition:all 0.5s ease-out;}
.hover_line em.btl{width:100%; height:1px; left:100%; bottom:0; transition:all 0.5s ease-out;}
.hover_line em.lbt{width:1px; height:100%;left:0; top:100%; transition:all 0.5s ease-out;}
.hover_line.enter em.tlr{width:100%; transition-delay:0s;}
.hover_line.enter em.rtb{height:100%; transition-delay:0s;}
.hover_line.enter em.btl{left:0; transition-delay:0s;}
.hover_line.enter em.lbt{top:0; transition-delay:0s;}
.hover_line.leave em.tlr{width:0; transition-delay:0s;}
.hover_line.leave em.rtb{height:0; transition-delay:0s;}
.hover_line.leave em.btl{left:100%; transition-delay:0s;}
.hover_line.leave em.lbt{top:100%; transition-delay:0s;}
.empty .hover_line{display:none;}
.sub01 .prev_more{display:block; width:190px; height:42px; text-align:center; box-sizing:border-box; background:url(/web/images/webzine/01_more_Bg_arrow.png) no-repeat right 24px center; line-height:42px; font-size:14px; margin:48px auto 0; padding-right:24px; border:1px solid rgba(0,0,0,0.5); box-sizing:border-box;}
.sub01 .prev_more:hover{background:url(/web/images/webzine/01_more_Bg_arrow_hover.png) no-repeat right 24px center;}

.btnstyle{position:relative;}
.btnstyle span{position:relative; z-index:1;}
.btnstyle:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: -1; background: #003EA3; transition: height .3s ease-in-out; }
.btnstyle:hover{border-color:#003EA3 !important; color:#fff; }
.btnstyle:hover:before{height:100%;}

.sub_tit{width:100%; height:235px; background:url(/web/images/webzine/sub02_vis.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center; justify-content:center; flex-direction:column; box-sizing:border-box;}
.sub_tit h2{font-size:38px; font-weight:500; color:#fff; text-align:center; }
.sub_tit.sub_tit2{height:295px;}
.sub_tit.sub_tit2 h2{font-size:36px; line-height:50px;}
.sub_tit.sub_tit2 span{font-family: 'Lato'; font-size:20px; display:block; text-align:center; color:#fff; font-weight:bold; padding-bottom:11px;}
.sub_tit.sub_tit2 .date{font-size:15px; color:#fff; display:block; padding-top:20px; font-weight:300;}
.sub_view{text-align:center; padding-top:92px; padding-bottom:75px;}
.sub_view .container{padding-bottom:85px;}
.sub_view .container *:last-child{padding-bottom:0;}
.sub_view .list_btn{display:block; width:127px; height:42px; background:url(/web/images/webzine/list_btn.png) no-repeat left 35px center; box-sizing:border-box; padding-left:23px; margin:27px auto 0; line-height:42px; border:1px solid rgba(0,0,0,0.5); position:relative;}
.sub_view .list_btn:hover{background:url(/web/images/webzine/list_btn_hover.png) no-repeat left 35px center;}
.sub_view .list_btn:hover:before{height:100%;}
.sub_listWrap{border-top:1px solid #dadada;}
.sub_listWrap .container{position:relative;}
.sub_listWrap .sub_viewlist{width:990px; margin:0 auto; display:flex; justify-content:space-between; padding:48px 0;}
.sub_listWrap .sub_viewlist li{width:471px; display:flex; background:#fff; position:relative; overflow:hidden;}
.sub_listWrap .sub_viewlist li.hover{box-shadow:0 0 40px rgba(59,75,109,0.1);}
.sub_listWrap .sub_viewlist li > a{display:flex; width:100%;}
.sub_listWrap .sub_viewlist li .imgbox{width:170px; overflow:hidden; position:relative;}
.sub_listWrap .sub_viewlist li .imgbox img{width:100%;}
.sub_listWrap .sub_viewlist li .txtbox{padding-top:23px; padding-left:27px; padding-bottom:22px; border:1px solid #dadada; border-left:none; box-sizing:border-box; width:calc(100% - 170px); height:146px;}
.sub_listWrap .sub_viewlist li .txtbox .cate{font-family: 'Lato'; font-size:14px; position: relative; display: block; color:#0048bc; font-weight:bold;}
/*.sub_listWrap .sub_viewlist li .txtbox .cate:before{content:""; width:8px; height:8px; background:#003ea3; border-radius:50%; position:absolute; left:0px; top:-5px;}*/
.sub_listWrap .sub_viewlist li .txtbox h4{font-size:20px; line-height:30px; font-weight:500; letter-spacing:-1px; padding-top:4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_listWrap .sub_viewlist li .txtbox .date{font-size:14px; color:#666; display:block; padding-top:9px;}
.sub_listWrap .pager{}
.sub_listWrap .pager li{position:absolute; top:50%; transform:translateY(-50%);}
.sub_listWrap .pager li.prev{left:35px;}
.sub_listWrap .pager li.next{right:35px;}

.footer{background:#f6f6f6;}
.footer_inner{width:1390px; margin:0 auto; position:relative;}
.footer .footer_lnb{border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.footer .footer_lnb > div{display:flex; align-items:center; justify-content:space-between; padding:21px 0 20px; }
.footer .footer_lnb .footer_menu{display:flex; alig-items:center;}
.footer .footer_lnb .footer_menu li{position:relative;}
.footer .footer_lnb .footer_menu li:after{content:""; width:1px; height:13px; background:#dadada; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.footer .footer_lnb .footer_menu li:last-child:after{width:0; height:0;}
.footer .footer_lnb .footer_menu li a{display:block; font-size:15px; color:#707070; padding:0 21px 0 18px;}
.footer .footer_lnb .footer_menu li a b{color:#3591fa;}
.footer .footer_lnb .footer_menu li:first-child a{padding-left:0;}
.footer .footer_lnb .footer_sns{display:flex; align-items:center;}
.footer .footer_lnb .footer_sns li{margin-right:24px;}
.footer .footer_lnb .footer_sns li:last-child{margin-right:0;}
.footer .footer_lnb .footer_sns li a{}
.footer .footer_copy > div{display:flex; align-items:center; padding:28px 0 45px;}
.footer .footer_copy h4{margin-right:64px;}
.footer .footer_copy .add_txt{font-size:13px; color:#707070; line-height:20px;}
.footer .footer_copy .right_btn{margin-left:auto;}
.footer .footer_copy .top{position:fixed; bottom:50px; /*bottom:218px;*/ right:50%; margin-right:-695px; display:block; width:65px; height:65px; background:#fff url(/web/images/webzine/top_arrow.png) no-repeat center center; border:2px solid #dadada; box-sizing:border-box; border-radius:50%;}
.footer .footer_copy .top svg{stroke-dasharray: 198; stroke-dashoffset: 198; position:absolute; left:-2px; top:-2px; transition:stroke-dashoffset 0.3s;}
.footer .footer_copy .top.on{position:absolute; bottom:218px;}

.sub_view img.exImg{display:block; margin:0 auto; padding-bottom:56px;}
.sub_view p.pdbttm30{font-size:18px; line-height:30px; color:#666; padding-bottom:30px;}
.sub_view p.pdbttm50{font-size:18px; line-height:30px; color:#666; padding-bottom:57px;}

.w48_cont{width:800px; margin:0 auto; text-align:left;}
.w48_cont p{font-size:18px; line-height:30px; color:#555; margin-top:35px;}
.w48_cont .underline{color:#1a5490; border-bottom:1px solid #1a5490;}
.w48_cont  h3{font-size:24px; font-weight:500; color:#1a5490; margin-top:63px;}
.w48_cont img{ margin-top:30px;}
.w48_cont img:first-child{margin-top:0;}
.w48_cont .img_desc{display:block; background:#e5ecf4; margin-top:9px; font-size:16px; line-height:30px; color:#555;  padding:3px 0 4px 15px; box-sizing:border-box;}
.w48_cont .color_blue{color:#293684;}
.w48_cont h4{font-size:18px; color:#1a5490; line-height:30px; font-weight:bold; margin-top:30px;}
.w48_cont .mt0{margin-top:0;}
.subCont .sub_vis .slide48 .txtbox h2{color:#d6b349;}

.w49_cont{width:800px; margin:0 auto; text-align:left;}
.w49_cont p{font-size:18px; line-height:30px; color:#555; margin-top:13px;}
.w49_cont .underline{color:#1a5490; border-bottom:1px solid #1a5490;}
.w49_cont  h3{font-size:24px; font-weight:500; color:#1a5490; margin-top:63px;}
.w49_cont img{ margin-top:30px;}
.w49_cont img:first-child{margin-top:0;}
.w49_cont .img_desc{display:block; background:#e5ecf4; margin-top:9px; font-size:16px; line-height:30px; color:#555;  padding:3px 0 4px 15px; box-sizing:border-box;}
.w49_cont .color_blue{color:#293684;}
.w49_cont h4{font-size:18px; color:#1a5490; line-height:30px; font-weight:bold; margin-top:53px;}
.w49_cont .mt0{margin-top:0;}
.w49_cont .target_link{display:block; font-size:16px; line-height:21px; color:#555; margin-top:20px;}

.w50_cont{width:800px; margin:0 auto; text-align:left;}
.w50_cont p{font-size:18px; line-height:30px; color:#555; margin-top:13px;}
.w50_cont .underline{color:#1a5490; border-bottom:1px solid #1a5490; font-weight:500;}
.w50_cont  h3{font-size:24px; font-weight:500; color:#1a5490; margin-top:63px;}
.w50_cont img{ margin-top:30px;}
.w50_cont img:first-child{margin-top:0;}
.w50_cont .img_desc{display:block; background:#e5ecf4; margin-top:9px; font-size:16px; line-height:30px; color:#555;  padding:3px 0 4px 15px; box-sizing:border-box;}
.w50_cont .color_blue{color:#293684;}
.w50_cont h4{font-size:18px; color:#1a5490; line-height:30px; font-weight:bold;}
.w50_cont .mt0{margin-top:0;}
.w50_cont .w50_txtbox{background:#fdfdfd; border:1px solid #e8e8e8; padding:23px 25px 30px 30px; margin-top:46px;}
.w50_cont .w50_txtbox p{text-align:justify;}
.sub01 ul li .imgbox img{width:100%;}
.subCont .sub_vis .visbox .container > a{display:block; width:l00%; height:100%;}

.subCont .sub_vis .vol50_slide .txtbox h2{position:relative;}
.subCont .sub_vis .vol50_slide .txtbox h2 p{font-size:43px; color:#2c2f39; font-family: 'Pretendard'; text-align:left; position:absolute; top:160px; left:40px; font-weight:400; letter-spacing:-2px; line-height:1.2;}
.subCont .sub_vis .vol50_slide .txtbox h2 p em{font-size:67px; color:#fff; font-family: 'THEFACESHOP-INKLIPQUID'; display:inline-block; padding-bottom:2px;}
.subCont .sub_vis .vol50_slide .txtbox h2 p b{font-weight:800;}
.subCont .sub_vis .vol50_slide .txtbox h2 p em:before{width:0; height:0; }
.subCont .sub_vis .vol50_slide .txtbox h2 span{font-size:24px; font-weight:400; width:263px; box-sizing:border-box; background:url(/web/images/webzine/vol50_txtbg.png) repeat-x left bottom; padding-bottom:0; text-align:center; line-height:42px; font-family: 'Pretendard'; margin-top:22px; letter-spacing:0;}

.sub_listWrap .sub_viewlist{padding:55px 0 89px;}
.sub_listWrap .sub_viewlist li{display:block;}
.sub_listWrap .sub_viewlist li > a{position:relative;}
.sub_listWrap .sub_viewlist li h5{font-size:14px; font-weight:500; padding-bottom:11px;}