@charset "utf-8";
/* 영역설정 */
.sub04_05 .title_wrap {display:none;}
.sub04_05 .body_wrap.layout {max-width: none;width: 100%;padding: 0px;}
.sub04_05 #contens {margin-top: 0px;}
.sub04_05 .s0405 {width: 100%;height: 100%;position: relative;}
.s0405:after {content:'';position: absolute;right: 0px;bottom: 0px;width: 1290px;height: 703px;background-image: url(/images/main/sub04/webz_bg2.png);display:inline-block;z-index: -1;}
.s0405:before {content:'';position: absolute;left: 0px;top: 85px;width: 1781px;height: 853px;background-image: url(/images/main/sub04/webz_bg1.png);display:inline-block;z-index: -1;}
#contens #txt {margin-bottom: 0px;}

/* 로고 및 gnb 메뉴 설정 */
.sub04_05 .webzn-main {width: 100%;/* min-height: 2450px; */margin: 0px auto;display: block;height: auto;/* padding: 0px 30px; */padding-bottom: 130px;}
.sub04_05 .webzn-main .top-box {width: 100%;height: 85px;display: block;background-color: #fff;position: relative;z-index: 2;}

.sub04_05 .gnb_box {display: flex;justify-content: space-between;align-items: center;height: 100%;max-width: 1400px;margin: 0px auto;}
.sub04_05 .gnb_box .logo_box {}
.sub04_05 .gnb_box .logo_box #logo {float:left;position:relative;z-index:3;margin: 0px 0 0 30px;}
.sub04_05 .gnb_box .logo_box #logo a {display:block;width:195px;height:30px;background-image:url(/template/main/images/logo.png);/*background-image:url(/template/main/images/logo.svg);*/background-size:100% auto;font-size:0;background-image: none;}
.sub04_05 .gnb_box #logo a {display:block;height:30px; /**/width: 100%;position: relative;padding-left: 220px;}
.sub04_05 .gnb_box #logo a span {display:inline-block;width:195px;height:30px;margin: 0;background-size:100% auto;background-image:url(/template/centerB/images/common/logo.png);background-image:url(/template/centerB/images/common/logo.svg);background-size:100% auto;font-size:0;font-size:0;vertical-align:middle;position: absolute;top: 0;left: 0;background-repeat: no-repeat;}
.sub04_05 .gnb_box #logo a em{display: block;width:auto;/* margin-left: 25px; */font-size: 16px;font-family: 'gmarket';position: relative;/*padding-top: 5px;*/color: #333;/* font-weight: 600; */line-height: 1.2;/* position: relative; */white-space: nowrap;line-height: 20px;letter-spacing: -1px;top: -4px;}
.sub04_05 .gnb_box #logo a em:before {display:block;position:absolute;left: -13px;top: 43%;content:'';width: 1px;height: 17px;margin-top: -7.5px;border-radius:50%;background: #e1e1e1;}

.sub04_05 .gnb_box .gnb_menu {height: 100%;width: 700px;}
.sub04_05 .gnb_box .gnb_menu ul {display: flex;height: 100%;align-items: center;justify-content: flex-end;}
.sub04_05 .gnb_box .gnb_menu ul li {margin-right: 85px;position: relative;}
.sub04_05 .gnb_box .gnb_menu ul li:last-child {margin-right:50px;}
.sub04_05 .gnb_box .gnb_menu ul li:after {content:'';display: inline-block;width: 5px;height: 5px;background-color: #e2e2e2;border-radius: 15px;position: absolute;right: -50px;top: 50%;transform: translate(0, -50%);}
.sub04_05 .gnb_box .gnb_menu ul li:last-child:after {display:none;}
.sub04_05 .gnb_box .gnb_menu ul li a {font-family: 'Noto Sans CJK KR';font-weight: 600;font-size: 18px;color: #272727;letter-spacing: -1px;}

/* 메인설정 */
.sub04_05 .main_con {max-width: 1400px;width: 100%;margin: 0px auto;margin-top: 64px;}
.sub04_05 .main_con .con {margin-top: 106px;position: relative;/* border: 1px solid; */}
.sub04_05 .main_con .con .more {position: absolute;top: -7px;right: 0;background: transparent;}
.sub04_05 .main_con .con .more a {display: inline-block;width: 39px;height: 39px;}
.sub04_05 .main_con .con .more span {text-indent: -9999px;font-size: 0;line-height: 0;color: transparent;position: relative;display: inline-block;width: 39px;height: 39px;transition:0.3s;top: -18px;background-color: transparent;display: none;}
.sub04_05 .main_con .con .more span:after {content: "";position: absolute;top: 50%;right: 0;width: 39px;height: 1px;background: #2c2c2c;}
.sub04_05 .main_con .con .more span:before {content: "";position: absolute;top: 0;right: 50%;width: 1px;height: 39px;background: #2c2c2c;}
.sub04_05 .main_con .con .more:hover span{transform:rotate(90deg)}
.sub04_05 .main_con .con .more:hover span:before{width:2px}
.sub04_05 .main_con .con .more:hover span:after{height:2px}
.sub04_05 .main_con .con .more:hover span:before,.sub04_05 .main_con .con .more span:after{background:#006940;}
.sub04_05 .main_con .con1 .con_title {height: 100px;margin: 0px;display: inline-block;border-left: 5px solid #166944;padding-left: 17px;position: relative;z-index: 10;position: absolute;top: 0px;}
.sub04_05 .main_con .con1 .con_title .vol {font-size: 25px;color: #525151;font-family: 'gmarket';display: block;}
.sub04_05 .main_con .con1 .con_title .main_title {font-family: 'gmarket';font-weight: 600;font-size: 49px;color: #1c2421;line-height: 1.1;margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;box-sizing: border-box;max-width: 1222px/*850px*/;padding-top: 2px;}

.sub04_05 .main_con .con .con_s_title {margin: 0px;line-height: 1;position:relative;}
.sub04_05 .main_con .con .con_s_title:before {content:'';width: calc(100% / 2 - -30px);display: block;border: 1px solid #e4e4e4;position: absolute;top: 50%;right: 152px;transform: translate(0, -50%);margin-left: 305px;background-color: #e4e4e4;}
.sub04_05 .main_con .con .con_s_title:after {content:'';width: 238px;display: block;border: 1px solid #166944;position: absolute;top: 50%;transform: translate(0, -50%);left: 280px;/* margin-left: 305px; */background-color: #166944;}
.sub04_05 .main_con .con .con_s_title .ky {color: #166944;font-size: 28px;font-weight: 600;font-family: 'gmarket';background: transparent;position: relative;z-index: 2;display: inline-block;float: left;padding-right: 5px;}
.sub04_05 .main_con .con .con_s_title .ky_title {font-family: 'gmarket';color: #180d03;font-size: 28px;font-weight: 600;background: transparent;position: relative;z-index: 2;display: inline-block;padding-right: 7px;}
.sub04_05 .main_con .con .con_list {display: flex;justify-content: flex-start;margin-top: 38px;flex-wrap: wrap;/* height: 335px; *//* overflow: hidden; */width: calc(100% + 20px);margin: 38px -10px 0;}
.sub04_05 .main_con .con .con_list li {height: 335px;background-color: #fff;border: 1px solid transparent;width: calc(25% - 20px);overflow: hidden;margin: 0 10px 20px;}
.sub04_05 .main_con .con .con_list li:hover {border-color:#166944;}
.sub04_05 .main_con .con .con_list li a {display: block;width: 100%;height: 100%;transition:all 0.2s;position: relative;left: 0px;top: 0px;background-color: #fff;border: 1px solid #ddd;}
.sub04_05 .main_con .con .con_list li a:hover {border-color:#166944;}
.sub04_05 .main_con .con .con_list li a:hover .text-wrap strong {color:#166944;}
.sub04_05 .main_con .con .con_list li a .img-wrap:after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: inline-block;width: 46px;height: 46px;background-image: url(/images/main/sub04/hover_icon.png);z-index:6;transform-origin: 50% 50%;transition: transform 0.25s ease-out,opacity 0.25s ease-out;/* opacity: 0; */transform: scale(0);margin-left: -23px;margin-top: -23px;}
.sub04_05 .main_con .con .con_list li a .img-wrap:before {content: '';width: 100%;max-height:210px;height: inherit;position: absolute;left: 50%;top: 0px;display: block;background-color: #166944;z-index: 5;opacity: 0.7;transition:all 0.2s;top: -40px;transform: scale(1);height: 32px;width: 32px;transition: transform 0.25s ease-out;border-radius: 50%;margin-left: -16px;transform-origin: 50% 50%;}
.sub04_05 .main_con .con .con_list li a:hover {border-color: #166944;box-shadow:3px 3px 8px #d9e6e0}
.sub04_05 .main_con .con .con_list li a:hover .img-wrap:after {opacity:1;transform:scale(1)}
.sub04_05 .main_con .con .con_list li a:hover .img-wrap:before {transform:scale(21);}
.sub04_05 .main_con .con .con_list li .img-wrap {height: 210px;width: 100%;position: relative;-webkit-backface-visibility: hidden;-webkit-perspective: 2000;overflow: hidden;}
.sub04_05 .main_con .con .con_list li .img-wrap .img_frame {width: 100%;height: 100%;position: relative;left: 0px;top: 0px;background-color: #f2f2f2;overflow: hidden;}
.sub04_05 .main_con .con .con_list li .img-wrap .img_frame img {}

.sub04_05 .main_con .con .con_list li .text-wrap {height: auto;padding-top: 23px;padding: 23px 23px;}
.sub04_05 .main_con .con .con_list li .text-wrap span {display: block;font-size: 16px;color: #166944;font-weight: 600;line-height: 1;}
.sub04_05 .main_con .con .con_list li .text-wrap strong {font-family: 'gmarket';font-size: 20px;color: #180d03;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2;margin-top: 14px;word-break: keep-all;letter-spacing: -1px;}

.sub04_05 .main_con .con.con1{margin-top: 0px;}

/* main-photo__skin */
.main-photo__skin{display:block;position:relative;}
.main-photo__skin:after{content: "";display: table;clear: both;}
.main-photo__skin.photo__list,
.main-photo__skin.photo__slider,
.main-photo__skin.photo__popup{display:block;width:100%;}
.main-photo__skin .photo_list--wrap{position:relative;width:100%;height:100%;overflow:hidden;}
.main-photo__skin .photo_list--wrap .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide>div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide picture,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img{height:100%;}
.main-photo__skin.photo__list .photo_list--wrap{height:calc(100% - 50px);}
.main-photo__skin .photo_list--wrap .photo_list--item{opacity: 1 !important; width: 100% !important; }
.main-photo__skin .control{position:relative;}
.main-photo__skin.photo__list .control{position:static}
.main-photo__skin.photo__list .control [data-control=next],
.main-photo__skin.photo__list .control [data-control=prev]{position:absolute;top:50%;translateY(-50%);display:block;width:35px;height:35px;border:3px solid #332;border-width:1px 1px 0 0;font-size:0;}
.main-photo__skin.photo__list .control [data-control=prev]{left:20px;transform:rotate(45deg);-webkit-transform:rotate(230deg);}
.main-photo__skin.photo__list .control [data-control=next]{right:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-photo__skin.photo__list .control [data-control=stop],
.main-photo__skin.photo__list .control [data-control=play]{display:none !important;}
.main-photo__skin.photo__list .control [data-paging]{width: auto;float: right;}
.main-photo__skin.photo__list .slick-dots{display:inline-block;text-align:center}
.main-photo__skin.photo__list .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 2px;}
.main-photo__skin.photo__list .slick-dots li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-size:0;border:0;background-color:#d3d3d3;border-radius:50%;width:100%;height:100%;}
.main-photo__skin.photo__list .slick-dots li.slick-active button{background-color:#000}
.main-photo__skin.photo__slider .control{position:static}
.main-photo__skin.photo__slider .control [data-control=next],
.main-photo__skin.photo__slider .control [data-control=prev]{position:absolute;top:50%;transform:translateY(-50%);display:block;width:50px;height:50px;font-size:0;background-color:rgba(0,0,0,0.5)}
.main-photo__skin.photo__slider .control [data-control=next]:before,
.main-photo__skin.photo__slider .control [data-control=prev]:before{content:'';position:absolute;top:15px;left:15px;right:15px;display:block;width:20px;height:20px;border:1px solid #fff;border-width:1px 1px 0 0;}
.main-photo__skin.photo__slider .control [data-control=prev]{left:20px;}
.main-photo__skin.photo__slider .control [data-control=next]{right:20px;}
.main-photo__skin.photo__slider .control [data-control=next]:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-photo__skin.photo__slider .control [data-control=prev]:before{transform:rotate(45deg);-webkit-transform:rotate(230deg);}
.main-photo__skin.photo__slider .control [data-control=stop],
.main-photo__skin.photo__slider .control [data-control=play]{display:none !important;}
.main-photo__skin.photo__slider .control [data-paging]{width: auto;float: right;}
.main-photo__skin.photo__slider .slick-dots{display:block;text-align:center}
.main-photo__skin.photo__slider .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 2px;}
.main-photo__skin.photo__slider .slick-dots li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-size:0;border:0;background-color:#d3d3d3;border-radius:50%;width:100%;height:100%;}
.main-photo__skin.photo__slider .slick-dots li.slick-active button{background-color:#000}
.main-photo__skin.photo__popup .control{position:static;margin-top:-70px;}
.main-photo__skin.photo__popup .control [data-control=next],
.main-photo__skin.photo__popup .control [data-control=prev],
.main-photo__skin.photo__popup .control [data-control=stop],
.main-photo__skin.photo__popup .control [data-control=play]{display:inline-block;position:relative;width: 50px;height:50px;font-size:0;}
.main-photo__skin.photo__popup .control [data-control=next]:before,
.main-photo__skin.photo__popup .control [data-control=prev]:before{content:'';position:absolute;top:15px;left: 15px;right:15px;display:block;width: 37px;height: 24px;}
.main-photo__skin.photo__popup .control [data-control=next]:before{background-image: url(/images/main/sub04/next.png);background-repeat: no-repeat;right: 0px;}
.main-photo__skin.photo__popup .control [data-control=prev]:before{background-image: url(/images/main/sub04/prev.png);background-repeat: no-repeat;left: 0px;}
.main-photo__skin.photo__popup .control [data-control=stop]:before{content:'';position:absolute;top: 16px;left: 2px;right:20px;display:block;width:10px;height: calc(100%/2.8);box-shadow: -2px 0 #000, 2px 0 #000;}
.main-photo__skin.photo__popup .control [data-control=play]:before{content:'';position:absolute;top: 15px;left: 2px;right:20px;display:block;width: 0;height: 0;border-width: 10px 0 10px 10px;border-style: solid;border-color: transparent transparent transparent #000;}
.main-photo__skin.photo__popup .control [data-paging]{width: auto;float: right;display: inline-block;position: relative;left: 0px;top: 0px;padding-top: 12px;margin: 0px 50px;}
.main-photo__skin.photo__popup .slick-dots{display:block;text-align:center;/* margin-top: -70px; */position: absolute;bottom: 15px;right: 0;transform: none;}
.main-photo__skin.photo__popup .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 2px;}
.main-photo__skin.photo__popup .slick-dots li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-size:0;border:0;background-color:#d3d3d3;border-radius:50%;width:100%;height:100%;}
.main-photo__skin.photo__popup .slick-dots li.slick-active button{background-color:#000}
/* banner_skin */
.main-banner__skin{position:relative;padding:0 200px 0 120px;width:100%;}
.main-banner__skin .title{position: absolute;left:16px;top: 0;line-height: 76px;padding-right:30px;font-weight:normal;color: #585858;text-align:left;letter-spacing: -0.1em;font-size:20px;}
.main-banner__skin .title:before{position:absolute;right:0;top: 50%;width:1px;height:14px;margin:-7px 0 0 -7px;content:'';background-color:#ddd}
.main-banner__skin .control{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:16px;border:1px solid #777;width:auto;}
.main-banner__skin .control button{display:inline-block;float:left;position:relative;width: 42px;height:42px;font-size:0; text-indent:-9999px; padding:0; margin:0;border-left: 1px solid #777;}
.main-banner__skin .control button:first-child{border:0}
.main-banner__skin .control [data-control=next],
.main-banner__skin .control [data-control=prev],
.main-banner__skin .control [data-control=stop],
.main-banner__skin .control [data-control=play]{display:inline-block;position:relative;width:42px;height:42px;font-size:0;}
.main-banner__skin .control [data-control=next]:before,
.main-banner__skin .control [data-control=prev]:before{content:'';position:absolute;top:11px;left:0;right:0;margin:0 auto;display:block;width:20px;height:20px;border:1px solid #777;border-width:1px 1px 0 0;}
.main-banner__skin .control [data-control=next]:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-banner__skin .control [data-control=prev]:before{transform:rotate(45deg);-webkit-transform:rotate(230deg);}
.main-banner__skin .control [data-control=stop]:before{content:'';position:absolute;top:12px;left:0;right:0;margin:0 auto;display:block;width:10px;height: calc(100%/1.8);box-shadow: -1px 0 #777, 1px 0 #777;}
.main-banner__skin .control [data-control=play]:before{content:'';position:absolute;top:9px;left:0;right:0;margin:0 auto;display:block;width: 0;height: 0;border-width:14px 0 14px 14px;border-style: solid;border-color: transparent transparent transparent #777;}
.main-banner__skin .banner_list--wrap{position:relative;margin:0;width:100%;overflow:hidden;}
.main-banner__skin .banner_list--wrap .banner_list--item{display:block;float:left}
.main-banner__skin .banner_list--wrap .banner_list--item .banner_list--link{display:block;position:relative;margin:0 20px 0 10px;color:#333;font-size:15px;line-height:1.3}
/* link__skin */
.main-link__skin{position:relative;width:100%;}
.main-link__skin:after{content: "";display: table;clear: both;}

.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {margin-top: 27px;height: 775px;}
.sub04_05 .main_con .con.con1 .photo_list--item {height:582px;position: relative;left: 0px;top: 0px;overflow: hidden;}
.sub04_05 .main_con .con.con1 .photo_list--wrap.clearfix {}
.sub04_05 .main_con .con.con1 .photo_list--link {width: 100%;height: 100%;position: relative;padding-top: 100px;cursor: unset;}
.sub04_05 .main_con .con.con1 picture {width: 100%;height: auto;max-height: initial;max-width: none;max-height: 575px;height: 100% !important;display: block;position: relative;overflow: hidden;margin-top: 27px;}
.sub04_05 .main_con .con.con1 picture img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;width: 100%;max-height: none;height: auto !important;min-height: 100%;}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {margin: 0px;display: flex;justify-content: flex-start;position: absolute;bottom: 0px;left: 0px;width: 307px;height: 50px;}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .total {vertical-align: middle;display: inline-block;width: 47px;}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .total .current {font-size: 14px;font-weight: 600;font-family: 'Montserrat';}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .total .line {margin: 0px 10px;}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .total .count {font-size: 14px;font-weight: 600;font-family: 'Montserrat';color: #adadad;}

.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.prev.slick-arrow {}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.pause {/* margin-right: 10px; */}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.play {/* margin-right: 10px; */}
.sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.next.slick-arrow {}


.sub04_05 .main_con .con.con2 {}
.sub04_05 .main_con .con.con2 .con_list li .img-wrap .img_frame img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none; height: auto; width: 100%;}

.sub04_05 .main_con .con.con3 {}
.sub04_05 .main_con .con.con3 .con_list li .img-wrap .img_frame img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none; width: auto; height: 100%;}

.sub04_05 .main_con .con.con4 {}
.sub04_05 .main_con .con.con4 .popup {margin-top: 32px;/* height: 392px; */}
.sub04_05 .main_con .con.con4 .popup:after {display: block;clear: both;visibility: hidden;content: '';}
.sub04_05 .main_con .con.con4 .popup .popup_con {/* height: 100%; *//* height: 392px; */display: inline-block;}
.sub04_05 .main_con .con.con4 .popup .popup_con.popup_con1 {width: 53.28%;float: left;height: 392px;}
.sub04_05 .main_con .con.con4 .popup .popup_con.popup_con2 {width: 30.22%;margin-left: 30px;height: 392px;}
.sub04_05 .main_con .con.con4 .popup .popup_con.popup_con3 {}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box a  img {}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box {height: 392px;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box1 {height: auto;float: left;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box1 a img {display: block;max-height: none;max-width: none;line-height: 0;width: 100%;height: 100%;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box2 {width: 41.84%;float: left;margin: 0px 3.67%;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box2 a img {}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 {width: 93%;float: left;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child {margin-top: 6%;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a img {/* height: 100%; */display: block;max-height: none;max-width: none;line-height: 0;width: 100%;border: 1px solid #ddd;box-sizing: border-box;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box4 {}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box4 a img {}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box a {display: block;width: 100%;/* height: 100%; *//* background: #000; */line-height: 0;}
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box1 a {height: 100%;}
/*.sub04_05 .main_con .con.con4 .popup .popup_con .p_box a  img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;width: auto;height: 100%;} */
.sub04_05 .main_con .con.con4 .popup .popup_con .p_box a .img_txt {font-size: 0px;}


@media (max-width:1400px) {
    .sub04_05 .webzn-main {padding-bottom: 50px;}
    .sub04_05 .webzn-main {/* padding:0 30px; */}
    .sub04_05 .main_con {padding: 0 30px;}
}

@media (max-width:1240px) {
    .sub04_05 .main_con .con.con2 .con_list li .img-wrap .img_frame img {width: 100%;height: auto;}
    .sub04_05 .main_con .con.con3 .con_list li .img-wrap .img_frame img {height: 100%;width: auto;}
    .sub04_05 .main_con .con1 .con_title .main_title {font-size: 40px;max-width: 800px;}
    .sub04_05 .main_con .con1 .con_title .vol {padding-top: 5px;}
    .main-photo__skin.photo__popup .control [data-paging] {margin: 0px 30px;}
    .s0405:before {left: -640px;}
    .sub04_05 .gnb_box .logo_box #logo {margin-left: 0px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 62vw;}
    .sub04_05 .gnb_box {padding-left: 30px;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -30px; */}
    .sub04_05 .main_con .con.con1 picture {height: 86% !important;}
    .sub04_05 .main_con .con .con_list li {height: 265px;}
    .sub04_05 .main_con .con .con_list li .img-wrap {height: 140px;}
}

@media (max-width:1150px) {
    .sub04_05 .main_con .con1 .con_title .main_title {max-width: 960px/*690px*/;width: 100%;}
}

@media (max-width:1024px) {
    .sub04_05 .main_con .con.con2 .con_list li .img-wrap .img_frame img {height: auto;width: 100%;}
    .sub04_05 .main_con .con.con3 .con_list li .img-wrap .img_frame img {width: auto;height: 100%;}
    .sub04_05 .main_con .con.con1 .photo_list--item {height: 394px;}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {/* width: 100%; *//* height: 100%; *//* top: 0px; */}
    .sub04_05 .main_con {margin-top: 31px;}
    .sub04_05 .main_con .con {margin-top: 70px;}
    .sub04_05 .webzn-main .top-box {background-color: #fff;}
    .sub04_05 .main_con .con1 .con_title .main_title {max-width: 820px;}
    .sub04_05 .main_con .con .con_s_title:before {right: 110px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {margin: 0px;display: flex;justify-content: flex-start;position: absolute;bottom: 0px;left: 0px;width: 307px;top: unset;right: unset;}
    .main-photo__skin.photo__popup .slick-dots {position: absolute;margin: 0;bottom: 15px;right: 0px;left: unset;transform: none;}
    .sub04_05 .main_con .con.con1 picture {position: relative;/* height: 100% !important; */margin-top: 0px;}
    .sub04_05 .main_con .con.con1 .photo_list--link {padding-top: 125px;}
    .main-photo__skin.photo__popup .control [data-control=next], .main-photo__skin.photo__popup .control [data-control=prev], .main-photo__skin.photo__popup .control [data-control=stop], .main-photo__skin.photo__popup .control [data-control=play] {}
    .main-photo__skin.photo__popup .control [data-control=play]:before, .main-photo__skin.photo__popup .control [data-control=stop]:before {left: 2px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.pause,
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control .button.play {margin-right: 5px;width: 25px;}
}

@media (max-width:1000px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {/* margin-top: 45px; */height: 64vw;}
    .sub04_05 .main_con .con .con_list {flex-wrap: wrap;}
    .sub04_05 .main_con .con .con_list li {width: calc(100% / 2 - 20px);margin-bottom: 20px;}
    .sub04_05 .main_con .con .con_s_title:before, .sub04_05 .main_con .con .con_s_title:after {display:none;} 
    .sub04_05 .main_con .con .con_list li {height: 345px;}
    .sub04_05 .main_con .con .con_list li .img-wrap {height: 220px;}
}

@media (max-width:920px) {
    .sub04_05 .gnb_box .gnb_menu {display:none;}
}

@media (max-width:878px) {
    .sub04_05 .main_con .con1 .con_title .main_title {
    max-width: 700px;
}
}

@media (max-width:860px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 67vw;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -50px; */}
}

@media (max-width:810px) {
    .sub04_05 .main_con .con1 .con_title .main_title {max-width: 640px;}
}

@media (max-width:768px) {
    .sub04_05 .main_con .con {margin-top: 20px;}
}

@media (max-width: 767px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 65vw;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -21px; */}
    .sub04_05 .webzn-main {/* padding: 0px 30px; */padding-bottom: 110px;height: auto;overflow: hidden;}
    .sub04_05 .main_con .con .con_s_title:before {display:none;}
    .sub04_05 .main_con .con .con_s_title:after {display:none;}
    .sub04_05 .main_con .con .more span {width: 25px;height: 25px;top: -11px;right: -13px;}
    .sub04_05 .main_con .con .more span:before {height: 25px;}
    .sub04_05 .main_con .con .more span:after {width: 25px;top: 11px;}
    .sub04_05 .main_con .con1 .con_title .main_title {font-size: 35px;max-width: 660px;}
    .sub04_05 .main_con .con1 .con_title {height: 85px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 90px; */}
    .sub04_05 .main_con .con.con1 .photo_list--item {height:290px}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {height: 100%;width: 100%;}
    .sub04_05 .main_con .con {margin-top: 32px;}
    .sub04_05 .main_con .con .con_list {margin-top: 19px;}
    .sub04_05 .main_con .con .con_list li .text-wrap {padding: 23px 10px;}
    .sub04_05 .main_con .con.con4 .popup {margin-top: 20px;}
    .sub04_05 .main_con .con.con4 .popup .popup_con.popup_con1 {width: 100%;float: none;height: auto;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box1 {height: auto;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box1 a img {width: 100%;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box2 {margin-left: 0px;width: 44%;margin: 0px;height: auto;}
    .sub04_05 .main_con .con.con4 .popup .popup_con.popup_con2 {float: none;width: 100%;height: auto;margin-left: 0;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 {width: 100%;float: none;height: auto;display: flex;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child {margin-top: 0px;margin-left: 2%;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child img {position: relative;top: 50%;transform: translate(0, -50%);}
    .sub04_05 .gnb_box {padding-left: 15px;}
    .sub04_05 .main_con {padding: 0 15px;}
    .sub04_05 .main_con .con.con1 .photo_list--link {padding-top: 105px;}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {/* top: 0px; *//* height: 289px !important; */}
}

@media (max-width:700px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 70vw;}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {/* top: 0px; */}
}

@media (max-width: 670px) {
    .sub04_05 .main_con .con1 .con_title .main_title {font-size: 28px;letter-spacing: -1px;/* max-width: 90%; */}
    .sub04_05 .main_con .con1 .con_title .vol {font-size:15px}
    .sub04_05 .main_con .con .con_s_title .ky {font-size: 18px;}
    .sub04_05 .main_con .con .con_s_title .ky_title {font-size: 18px;}
    .sub04_05 .main_con .con .more span {top: -15px;}
    .sub04_05 .main_con .con1 .con_title {height: 64px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {/* height: 70vw; */}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 63px; */}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -75px; */}
    .sub04_05 .main_con .con.con1 .photo_list--link {padding-top: 85px;}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {/* top: 0; */}
}

@media (max-width:645px) {
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -40px; */}
    .sub04_05 .main_con .con1 .con_title .main_title {max-width: 500px;}
}

@media (max-width:600px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 75vw;}
}

@media (max-width:620px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 69vw;}
}

@media (max-width: 590px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 70vw;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 70px; */}
    .main-photo__skin.photo__popup .control [data-control=play]:before {border-width: 8px 0 8px 8px;left: 2px;top: 18px;}
    .main-photo__skin.photo__popup .control [data-control=stop]:before {width: 8px;height: 13px;left: 2px;top: 18px;}
    .main-photo__skin.photo__popup .control [data-control=next]:before, .main-photo__skin.photo__popup .control [data-control=prev]:before {height: 15px;background-size: contain;top: 18px;}
}

@media (max-width:540px) {
    .sub04_05 .main_con .con1 .con_title {height: 54px;}
    .sub04_05 .main_con .con1 .con_title .main_title {font-size: 20px;margin-top: 0px;max-width: 430px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 61px; *//* justify-content: center; */}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -25px; */}
    .sub04_05 .main_con .con.con1 .photo_list--link {padding-top: 70px;}
    
}

@media (max-width:520px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 70vw;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -21px; */}
}

@media (max-width:500px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 70vw;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -21px; */}
}

@media (max-width:480px) {
    .sub04_05 .main_con .con1 .con_title .main_title {
    max-width: 350px;
}
}

@media (max-width:470px) {
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box2 a img {width: 100%;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child img {position: static;top: 0;transform: none;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 {display: block;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child {margin: 0px;margin-top: 6px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 70vw;}
}

@media (max-width:450px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {/* height: 100vw; */}
}

@media (max-width:420px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {/* height: 110vw; */height: 73vw;}
}

@media (max-width:560px) {
    .sub04_05 .main_con .con.con1 picture {height: 82% !important;}
}

@media (max-width:540px) {
    .sub04_05 .main_con .con .con_list li {height: 195px;}
    .sub04_05 .main_con .con .con_list li .img-wrap {height: 114px;}
    .sub04_05 .main_con .con .con_list li .text-wrap strong {font-size: 15px;margin-top: 5px;}
    .sub04_05 .main_con .con .con_list li .text-wrap span {font-size: 14px;}
    .sub04_05 .main_con .con .con_list li .text-wrap {padding: 10px;}
    .sub04_05 .main_con .con .con_list li a:before {height: 100px;}
    .sub04_05 .main_con .con .con_list li a:after {top: 30px;}
    .sub04_05 .main_con .con.con2 .con_list li .img-wrap .img_frame img {height: auto;width: 100%;}
    .sub04_05 .main_con .con.con3 .con_list li .img-wrap .img_frame img {width: auto;height: 100%;}
    .sub04_05 .webzn-main {height: auto;min-height: 0px;padding-bottom: 80px;}
}

@media (max-width:460px) {
    .sub04_05 .main_con .con.con1 picture {
    height: 80% !important;
}
}

@media (max-width:410px) {
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 55px; */}
}

@media (max-width:390px) {
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box2 {width: 100%;float: none;height: auto;margin-bottom: 20px;}
    .sub04_05 .webzn-main {padding-bottom: 60px;}
    .sub04_05 .main_con .con .con_list li {width: 100%;height: 270px;}
    .sub04_05 .main_con .con .con_list li .text-wrap {padding: 10px 15px;}
    .sub04_05 .main_con .con .con_list li .img-wrap {height: 192px;}
    .sub04_05 .main_con .con.con4 .popup .popup_con.popup_con1 {margin-bottom: 10px;}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 {width: 100%;float: none;/* margin-top: 60px; */}
    .sub04_05 .main_con .con.con4 .popup .popup_con .p_box3 a:last-child {margin-top: 10px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup.photo__typeA {height: 80vw;}
    .main-photo__skin.photo__popup .slick-dots {/* margin-top: -23px; */}
    .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide img {/* top: 0; *//* max-height: 196px; */}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* top: 51px; *//* transform: translate(-50%, 0); *//* left: 50%; */}
    .sub04_05 .main_con .con.con1 .photo_list--link {padding-top: 70px;}
    .sub04_05 .main_con .con1 .con_title .main_title {max-width: 300px;}
    .main-photo__skin.photo__popup .control [data-paging] {margin: 0 10px;}
    .main-photo__skin.photo__popup .slick-dots {display:none;}
    .sub04_05 .main_con .con.con1 picture {height: 77% !important;}
}
@media (max-width:360px) {
    .sub04_05 .main_con .con1 .con_title {height: 56px;padding-left: 10px;}
    .sub04_05 .main_con .con.con1 .main-photo__skin.photo__popup .control {/* justify-content: space-between; */}
    .sub04_05 .main_con .con1 .con_title .main_title {white-space: nowrap;}
}

@media (max-width:340px) {
    .sub04_05 .main_con .con1 .con_title .main_title {
    max-width: 250px;
}
}

/* 웹진푸터 */
.layout.webzn {display: flex;justify-content: flex-start;padding-top: 49px;}
.layout.webzn .logo {margin-top: 4px;margin-right: 77px;}
.layout.webzn .logo a {width: 159px;height: 30px;display: inline-block;}
.layout.webzn .logo a img {}

#foot_layout .layout.webzn .linksite_wrap {top: 49px;width: 140px;height: 47px;}
#foot_layout .layout.webzn .linksite_wrap .linksite {width: 100%;text-align: center;height: 100%;}
#foot_layout .layout.webzn .linksite_wrap .linksite:after {display:none;}
#foot_layout .layout.webzn .linksite_wrap .linksite .toggle {background-color: #131313;color: #fff;text-align: center;width: 100%;height: 100%;display: block;padding: 11px 0;border-radius: 30px;}
#foot_layout {display:block !important;}

@media (max-width:1023px) {
  .layout.webzn {display: block;}
  .layout.webzn .logo {display:none;}
    #foot_layout .layout.webzn .linksite_wrap {position: relative;top: 0px;left: 50%;transform: translate(-50%, 0);}
}