@charset "utf-8";
.blue {color:#005baa;vertical-align: top;}
.red {color:#ed1c2a;vertical-align: top;}
.table {display:table;width:100%;height:100%;table-layout:fixed;}
.tableCell {display:table-cell;vertical-align:middle;}
.resize {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);transition:2s all ease-out;}
/* mainVisual */
#mainVisual {position: relative;width:100%;background:url("../images/main/mainVisual_bg.jpg") no-repeat;background-size:cover;padding:20px 0;transition:0.5s all ease-out;-webkit-transition:0.5s all ease-out;}
#mainVisual .mainVisual-wrap {margin:-10px;}
#mainVisual .mainVisual {float:left;width:793px;height:430px;position:relative;overflow:hidden;}
#mainVisual .mainVisual img {width:100%;}

#mainVisual .main-banner {position:absolute;top:0;right:0;width:386px;height:100%;}
#mainVisual .main-banner ul {height:100%;}
#mainVisual .main-banner ul li {float:left;width:50%;height:50%;}
#mainVisual .main-banner ul li a {display:block;height:100%;color:#fff;text-align:center;}
#mainVisual .main-banner ul li a dl dt {font-size:20px;font-weight: bold;}
#mainVisual .main-banner ul li a dl dt img {margin-top:10px;}
#mainVisual .main-banner ul li a dl dd {font-size:14px;}
#mainVisual .main-banner ul li a .icon {display:block;height:80px;background-repeat:no-repeat;background-position:50% 50%;margin-top:20px;}
#mainVisual .main-banner ul li:nth-child(1) a {background-color:#005baa;}
#mainVisual .main-banner ul li:nth-child(2) a {background-color:#112d67;}
#mainVisual .main-banner ul li:nth-child(3) a {background-color:#009bb8;}
#mainVisual .main-banner ul li:nth-child(4) a {background-color:#c1e2ff;}
#mainVisual .main-banner ul li:nth-child(1) a .icon {background-image:url("../images/main/mainVisual_icon01.png");}
#mainVisual .main-banner ul li:nth-child(2) a .icon {background-image:url("../images/main/mainVisual_icon02.png");}
#mainVisual .main-banner ul li:nth-child(3) a .icon {background-image:url("../images/main/mainVisual_icon03.png");}
#mainVisual .main-banner ul li:nth-child(4) a .icon {background-image:url("../images/main/mainVisual_icon04.png");}
#mainVisual .main-banner ul li:nth-child(4) a {color: #333;}
#mainVisual .inner {position:absolute;top:0;left:0;right:0;bottom:0;margin:10px;}

#mainVisual .btnPrev {position: absolute;left:0; top:50%; transform:translateY(-50%);z-index: 2;opacity:0;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;}
#mainVisual .btnNext {position: absolute;right:0; top:50%; transform:translateY(-50%);z-index: 2;opacity:0;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;}
#mainVisual .slick-dots {position: absolute;bottom:40px;left:50%;transform:translateX(-50%);padding:4px 15px;text-align: center;z-index: -2;background:rgba(0,0,0,0.5);border-radius:30px;opacity:0;}
#mainVisual .slick-dots li {display:inline-block;vertical-align:middle;margin:0 5px;transition:all 0.25s;text-indent:-99999999px;width:5px;height:5px;background:#fff;border-radius:50%;opacity:0.7;line-height:38px;cursor:pointer;}
#mainVisual .slick-dots li button {display:none;}
#mainVisual .slick-dots li.slick-active {opacity:1;width:9px;height:9px;}

#mainVisual .bottomArrow {position:absolute;bottom:50px;z-index:1;left:50%;margin-left:-30px;width:60px;height:50px;}
#mainVisual .bottomArrow img {position:absolute;}

#mainVisual .txtBox {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;}
#mainVisual .txtBox .auto {height:100%;}
#mainVisual .txtBox p.main {font-size:70px;font-family:"PT Serif";line-height:1.1;}
#mainVisual .txtBox p.sub {font-size:18px;font-weight:300;margin-top:20px;}
#mainVisual .txtBox a {display:block;margin:20px auto;width:180px;height:60px;border:1px solid #fff;text-align:center;line-height:60px;font-size:16px;color:#fff;margin-top:50px;transition:0.3s all ease-out;}
#mainVisual .pager {position:absolute;bottom:20px;right:20px;padding:4px 15px;text-align: center;z-index: 2;background:rgba(0,0,0,0.5);border-radius:30px;color:#fff;font-size:14px;}
#mainVisual .pager span {}
#mainVisual .pager a {display:inline-block;vertical-align:top;line-height:18px;}
#mainVisual .pager a i {vertical-align:middle;font-size:14px;line-height:18px;}
#mainVisual .scroll {position:absolute;bottom:40px;left:50%;margin-left:-25px;z-index:1;}

#mainVisual .qr_banner{display:block;  line-height:75px; background:#f06391;font-weight:700;  }
#mainVisual .qr_banner > div{width:168px;  line-height:75px; padding-left:46px;  margin:0 auto;  background:url('/images/layout/qr_w_img01.png')no-repeat 0px 26px; background-size:26px;  font-size:25px; color:#fff; }



/* 메인 공통 */
#mainContents {position: relative;}
#mainContents .conBox {padding:40px 0 50px;position:relative;}
#mainContents dl.title {text-align:center;margin-bottom:30px;}
#mainContents dl.title dt {font-size:32px;color:#333;font-weight:700;line-height:1;}
#mainContents dl.title dd {font-size:16px;color:#666;font-family:"Magun Gothic";margin-top:10px;}
#mainContents .conBox01 ul {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
#mainContents .conBox01 ul li {/* float:left; *//* width:12.5%; */text-align:center;}
#mainContents .conBox01 ul li p {font-size:15px;color:#333;font-weight:700;margin-top:10px;letter-spacing: -1px;}
#mainContents .conBox01 ul li:hover p {color: #005baa;}
#mainContents .conBox01 ul li p .external_link_icon {vertical-align: baseline;background-image:url("../images/contents/external_link_b.png");height: 14px;width: 14px;display: inline-block;margin-left:3px;}
#mainContents .conBox01 ul li:hover p .external_link_icon {background-image:url("../images/contents/external_link_blue.png");}
#mainContents .conBox01 ul li p br {content:""}

#mainContents .conBox02 {background:url("../images/main/conBox02_bg.jpg") no-repeat;background-size:cover;padding:60px 0;}
#mainContents .conBox02 .main-slide-news {position:relative;}
#mainContents .conBox02 .main-slide-news .mask {overflow:hidden;}
#mainContents .conBox02 .main-slide-news .arrow {position:absolute;top:50%;transform:translateY(-50%);width:65px;height:65px;background-repeat:no-repeat;background-position:0 0;}
#mainContents .conBox02 .main-slide-news .arrow.btnPrev {left:-105px;background-image:url("../images/main/btnPrev.png");}
#mainContents .conBox02 .main-slide-news .arrow.btnNext {right:-105px;background-image:url("../images/main/btnNext.png");}
#mainContents .conBox02 .main-slide-news ul {margin:-10px;}
#mainContents .conBox02 .main-slide-news ul li {float:left;width:25%;padding:10px;}
#mainContents .conBox02 .main-slide-news ul li a {display:block;}
#mainContents .conBox02 .main-slide-news ul li a .thumb {display:block;height:230px;position:relative;overflow:hidden;}
#mainContents .conBox02 .main-slide-news ul li a .thumb img {max-width:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;}
#mainContents .conBox02 .main-slide-news ul li a .txtBox {padding:25px 20px;background:#fff;}
#mainContents .conBox02 .main-slide-news ul li a .txtBox dl dt {font-size:18px;color:#333;font-weight:700;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
#mainContents .conBox02 .main-slide-news ul li a .txtBox dl dd {font-size:15px;color:#666;font-family:"Malgun Gothic";margin-top:10px;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
#mainContents .conBox02 .main-slide-news ul li a:hover .txtBox dl dt{text-decoration: underline;}
#mainContents .conBox02 .main-board-wrap {overflow:hidden;margin:30px -10px -10px -10px;position:relative;}
#mainContents .conBox02 .main-board-wrap .slide-board {float:left;width:50%;padding:10px;}
#mainContents .conBox02 .main-board-wrap .slide-board .inner {position:relative;padding-top:64.5%;}
#mainContents .conBox02 .main-board-wrap .slide-board .mask {overflow:hidden;position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;}
#mainContents .conBox02 .main-board-wrap .slide-board .mask .slick-dots {position: absolute;bottom:70px;left:0;width:100%;text-align:center;}
#mainContents .conBox02 .main-board-wrap .slide-board .mask .slick-dots li {display:inline-block;vertical-align:middle;margin:0 5px;transition:all 0.25s;text-indent:-99999999px;width:8px;height:8px;background:#fff;border-radius:50%;opacity:0.7;line-height:38px;cursor:pointer;}
#mainContents .conBox02 .main-board-wrap .slide-board .mask .slick-dots li button {display:none;}
#mainContents .conBox02 .main-board-wrap .slide-board .mask .slick-dots li.slick-active {opacity:1;}
#mainContents .conBox02 .main-board-wrap .slide-board .title {position:absolute;top:20px;left:20px;padding:0 10px;font-size:13px;color:#fff;font-weight:700;line-height:24px;background:#005baa;z-index:1;}
#mainContents .conBox02 .main-board-wrap .slide-board ul li {position:relative;}
#mainContents .conBox02 .main-board-wrap .slide-board ul li a {display:block;position:relative;padding-top:64.5%;}
#mainContents .conBox02 .main-board-wrap .slide-board ul li a > img {position:absolute;top:0;left:0;width:100%;height:100%;}
#mainContents .conBox02 .main-board-wrap .slide-board .label {position:absolute;top:20px;left:20px;padding:0 10px;font-size:13px;color:#fff;font-weight:700;line-height:24px;background:#005baa;}
#mainContents .conBox02 .main-board-wrap .slide-board ul li .txt {position:absolute;bottom:0;left:0;width:100%;padding:10px 20px;font-size:20px;color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);}
#mainContents .conBox02 .main-board-wrap .main-board {width:50%;height:100%;padding:10px;position:absolute;top:0;right:0;}
#mainContents .conBox02 .main-board-wrap .main-board .tab {position:absolute;top:0;left:0;right:0;margin:10px 66px 10px 10px;margin-bottom:0;text-align: left;z-index:2;}
#mainContents .conBox02 .main-board-wrap .main-board .tab02 {width: auto;}
#mainContents .conBox02 .main-board-wrap .main-board .btnMore {position:absolute;top:-55px;right:-1px;width:55px;height:55px;line-height:50px;background:#666;text-align:center;font-size:35px;color:#fff;}
#mainContents .conBox02 .main-board-wrap .main-board .tabContents {height:100%;background:#fff;padding-top:55px;overflow:hidden;position:relative;}
#mainContents .conBox02 .main-board-wrap .main-board .tabContents > ul {border:1px solid #ddd;border-top:none;height:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .tabContents > ul > li {padding:30px;opacity:0;z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;;}
#mainContents .conBox02 .main-board-wrap .main-board .tabContents > ul > li.on {position:relative;opacity:1;z-index:1;}
#mainContents .conBox02 .main-board-wrap .main-board .tab li a {line-height:53px;}
#mainContents .conBox02 .main-board-wrap .main-board .tab li.on a {background-color: #fff; color: #005baa;border:1px solid #ddd; border-bottom: none;font-weight: bold;border-top: 2px solid #005baa;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news {overflow:hidden;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .thumb {float:left;width:200px;padding-top:28%;border:1px solid #dedede;overflow:hidden;position:relative;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .thumb img {max-width:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;min-width:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox {padding-left:220px;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox dl {overflow:hidden;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox dl dt {font-size:18px;color:#333;font-weight:700;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox dl dd {font-size:15px;color:#666;font-family:"Malgun Gothic";margin-top:10px;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox .date {display:block;font-size:14px;color:#999;font-family:"Malgun Gothic";margin-top:20px;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news a:hover .txtBox dl dt {text-decoration: underline;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list {overflow:hidden;padding-top:30px;margin-top:30px;border-top:1px dashed #ddd;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li {overflow:hidden;font-family:"Malgun Gothic";margin-top:10px;line-height:22px;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li:first-child {margin-top:0;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li a {display:block;float:left;font-size:15px;color:#666;position:relative;padding-left:10px;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li a:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#005baa;}
#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li .date {display:block;float:right;font-size:15px;color:#999;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list {overflow:hidden;padding-top:2px;margin-top:0px;border-top:0px dashed #ddd;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list ul li {overflow:hidden;font-family:"Malgun Gothic";margin-top:10px;line-height:22px;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list ul li:first-child {margin-top:0;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list ul li a {display:block;float:left;font-size:15px;color:#666;position:relative;padding-left:10px;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list ul li a:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#005baa;}
#mainContents .conBox02 .main-board-wrap .main-board .main-data-list ul li .date {display:block;float:right;font-size:15px;color:#999;}
#mainContents .conBox02 .main-board-wrap .main-board .tab ul li {width: 50%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask {padding:20px 40px;position:relative;height:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider {overflow:hidden;height:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li {padding:0 5px;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li a {display:block;height:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .thumb {height:70%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .thumb img {width:100%;height:100%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .txtBox {padding:10px 0;text-align:center;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .txtBox .title {font-size:15px;color:#666;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .txtBox .date {font-size:13px;color:#999;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .arrow {position:absolute;top:30%;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .arrow.btnPrev {left:0;}
#mainContents .conBox02 .main-board-wrap .main-board .mask .arrow.btnNext {right:0;}

#mainContents .conBox03 .conWrap {margin:-10px;}
#mainContents .conBox03 .con {float:left;width:50%;position:relative;padding-top:27.5%;}
#mainContents .conBox03 .con .inner {position:absolute;top:0;left:0;right:0;bottom:0;margin:10px;}
#mainContents .conBox03 .con.con02,
#mainContents .conBox03 .con.con03 {width:25%;}

#mainContents .conBox03 .con01 .inner {border:1px solid #ddd;padding:30px;}
#mainContents .conBox03 .con01 .title {font-size:22px;color:#333;font-weight:700;line-height:1;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd;;}
#mainContents .conBox03 .con01 .btnMore {position:absolute;top:26px;right:30px;font-size:30px;color:#999;line-height:1;}
#mainContents .conBox03 .con01 ul li {overflow:hidden;font-family:"Malgun Gothic";margin-top:15px;line-height:22px;}
#mainContents .conBox03 .con01 ul li:first-child {margin-top:0;}
#mainContents .conBox03 .con01 ul li a {display:block;float:left;font-size:15px;color:#666;position:relative;padding-left:10px;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainContents .conBox03 .con01 ul li a:hover {text-decoration: underline;}
#mainContents .conBox03 .con01 ul li a:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background:#005baa;}
#mainContents .conBox03 .con01 ul li .date {display:block;float:right;font-size:15px;color:#999;}

#mainContents .conBox03 .con02 .inner {border:1px solid #ddd;padding:30px 20px;}
#mainContents .conBox03 .con02 .mask {height:80%;}
#mainContents .conBox03 .con02 .mask .slick-slider {height:100%;}
#mainContents .conBox03 .con02 .mask .slick-list {overflow:hidden;border:1px solid #e0e0e0;}
#mainContents .conBox03 .con02 .mask .slick-list li a {display:block;height:100%;}
#mainContents .conBox03 .con02 .mask .slick-list li img {height:100%;width:100%;}
#mainContents .conBox03 .con02 .mask .slick-dots {text-align:center;margin:10px;height:8px;}
#mainContents .conBox03 .con02 .mask .slick-dots li {display:inline-block;text-indent:-9999999px;width:8px;height:8px;background:#ccc;border-radius:50%;cursor:pointer;margin:0 2px;}
#mainContents .conBox03 .con02 .mask .slick-dots li.slick-active {background:#666;}
#mainContents .conBox03 .con02 .title {font-size:22px;color:#333;font-weight:700;margin-bottom:20px;line-height:1;}
#mainContents .conBox03 .con02 .arrows {position:absolute;top:30px;right:21px;}
#mainContents .conBox03 .con02 .arrows a {display:block;float:left;width:25px;height:25px;border:1px solid #ddd;color:#999;margin-right:-1px;text-align:center;}
#mainContents .conBox03 .con02 .arrows a.btnStop i {font-size:14px;line-height:25px;}
#mainContents .conBox03 .con03 .inner {overflow:hidden;}
#mainContents .conBox03 .con03 .mask {border:1px solid #ddd;height:100%;}
#mainContents .conBox03 .con03 .mask img {height:100%;}
#mainContents .conBox03 .con03 .mask .label {position:absolute;top:20px;left:20px;padding:0 10px;font-size:13px;color:#fff;font-weight:700;line-height:24px;}
#mainContents .conBox03 .con03 .mask .label.label01 {background:#005baa;}
#mainContents .conBox03 .con03 .mask .txtBox {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;padding:15px 20px;}
#mainContents .conBox03 .con03 .mask .txtBox .sub {font-size:14px;font-family:"Malgun Gothic";}
#mainContents .conBox03 .con03 .mask .txtBox .main {font-size:18px;font-weight:700;}

#mainContents .conBox03 .con04 {padding-top:14%;}
#mainContents .conBox03 .con04 ul {height:100%;}
#mainContents .conBox03 .con04 ul li {float:left;width:25%;height:100%;text-align:center;}
#mainContents .conBox03 .con04 ul li a {display:block;height:100%;color:#fff;}
#mainContents .conBox03 .con04 ul li:nth-child(1) a {background-color:#005baa;}
#mainContents .conBox03 .con04 ul li:nth-child(2) a {background-color:#c1e2ff;color:#112d67;}
#mainContents .conBox03 .con04 ul li:nth-child(3) a {background-color:#009bb8;}
#mainContents .conBox03 .con04 ul li:nth-child(4) a {background-color:#112d67;}
#mainContents .conBox03 .con04 ul li a p {font-size:14px;font-weight:700;margin-top:8px;}


#mainContents .conBox03 .con05 {padding-top:14%;position:relative;}
#mainContents .conBox03 .con05 .inner {padding:0 35px;background:#e9eff7;}
#mainContents .conBox03 .con05 dl {float:left;width:60%;padding-left:50px;background:url("../images/main/conBox03_icon05.png") no-repeat 0 50%;}
#mainContents .conBox03 .con05 dl dt {font-size:20px;color:#333;font-weight:700;}
#mainContents .conBox03 .con05 dl dd {font-size:14px;color:#666;}
#mainContents .conBox03 .con05 .selectBox {float:left;width:40%;}
#mainContents .conBox03 .con05 .selectBox select {width: 100%; font-size: 15px;}
#mainContents .conBox03 .con05 .tableCell .btn_sp {display:block;float:left;width:40%;line-height:50px;border:1px solid #d9d9d9;background:url("../images/board/topArrow.png") no-repeat 90% 50% #fff;}
#mainContents .conBox03 .con05 .tableCell .btn_sp a {display:block;font-size:14px;color:#666;padding:0 20px;}
#mainContents .conBox03 .con05 .sp_pop {position:absolute;top:-320px;left:0;background:#fff;padding:30px;border:1px solid #d9d9d9;display:none;line-height:1.6;}
#mainContents .conBox03 .con05 .sp_pop .link1 {display:block;padding-left:10px;position:relative;font-size:15px;color:#333;font-weight:700;margin-top:10px;}
#mainContents .conBox03 .con05 .sp_pop .link1:before {content:"";position:absolute;top:5px;left:0;width:3px;height:15px;background:#005baa;}
#mainContents .conBox03 .con05 .sp_pop .link1.nowrap {white-space:nowrap;}
#mainContents .conBox03 .con05 .sp_pop .link2 {display:block;padding-left:10px;font-size:14px;color:#808080;margin-top: 4px;}
#mainContents .conBox03 .con05 .sp_pop ul li {float:left;width:50%;}






.prd_list {}
.prd_list > ul > li {float:left;width:25%;padding:10px;}
.prd_list > ul > li .inner {position:relative;}
.prd_list > ul > li .inner .hv_txt {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);transition:0.3s;z-index:-1;opacity:0;}
.prd_list > ul > li .inner .hv_txt dl {text-align:center;}
.prd_list > ul > li .inner .hv_txt dl dt {font-size:20px;color:#fff;font-weight:700;}
.prd_list > ul > li .inner .hv_txt dl dd {font-size:18px;color:#ddd;font-weight:300;}
.prd_list > ul > li .inner .hv_txt a {display:block;margin:40px auto 0 auto;width:146px;text-align:center;line-height:40px;font-size:15px;color:#fff;font-weight:500;border:1px solid #fff;}



#popup3 {display:none; position:absolute;width:100%;top:88px;z-index:10003;padding:0;}
.mainBgCover03 {
    position: absolute;
    width: 100%;
    height: 400vh;
	-webkit-height: 400vh;
	-moz-height: 400vh;
	-ms-height: 400vh;
	-o-height: 400vh;

    left: 0;
    top: 88px;
    background: rgba(0,0,0,0.8);
    z-index: 10002;
	display:none;
}

#popup3 div {text-align: center;}
#popup3 div .btnClose {

    font-size: 5vw;
    position: absolute;
    color: #f06391;
    bottom: -13vw;
	-webkit-bottom: -13vw;
	-moz-bottom: -13vw;
	-ms-bottom: -13vw;
	-o-bottom: -13vw;


    background: #fff;
    line-height: 12vw;
	-webkit-line-height: 12vw;
	-moz-line-height: 12vw;
	-ms-line-height: 12vw;
	-o-line-height: 12vw;

    height: 13vw;
	-webkit-height: 13vw;
	-moz-height: 13vw;
	-ms-height: 13vw;
	-o-height: 13vw;

    display: block;
    max-width: 660px;

    width: 80vw;
	-webkit-width: 80vw;
	-moz-width: 80vw;
	-ms-width: 80vw;
	-o-width: 80vw;


    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 0 0 30px 30px;

}
#popup3 .imgBox img {width:100%;}

#popup3 div:first-child img 

{


padding-left:16px; 

width:8.3vw;
-webkit-width:8.3vw;
-moz-width:8.3vw;
-ms-width:8.3vw;
-o-width:8.3vw;

padding-top:4.8vw;
-webkit-width:4.8vw;
-moz-width:4.8vw;
-ms-width:4.8vw;
-o-width:4.8vw;


}
img { -webkit-perspective: 1; }
#popup3 .qr_admin{
position:absolute;
top:68.3vw; 
-webkit-top:68.3vw;;
-moz-top:68.3vw;;
-ms-top:68.3vw;;
-o-top:68.3vw;;

left:50%; transform:translate(-50%,0); font-size:23px; font-weight:700;}


#popup3 .qr_admin img{

width:41vw; 
-webkit-width:41vw;
-moz-width:41vw;
-ms-width:41vw;
-o-width:41vw;

}


#popup3 .qr_admin p.code{

    position: absolute;

    top: -18.8vw;
	-webkit-top:-18.8vw;
	-moz-top:-18.8vw;
	-ms-top:-18.8vw;
	-o-top:-18.8vw;


    left: -21.3vw;
	-webkit-left: -21.3vw;
	-moz-left: -21.3vw;
	-ms-left: -21.3vw;
	-o-left: -21.3vw;



    color: #333;
	font-size:5vw;
	-webkit-font-size:5vw;
	-moz-font-size:5vw;
	-ms-font-size:5vw;
	-o-font-size:5vw;





}


#popup3 .qr_admin p.name{

    position: absolute;

    top: -19.2vw;
	-webkit-top:-19.2vw;
	-moz-top:-19.2vw;
	-ms-top:-19.2vw;
	-o-top:-19.2vw;

	color:#333;
	font-size:5vw;
	-webkit-font-size:5vw;
	-moz-font-size:5vw;
	-ms-font-size:5vw;
	-o-font-size:5vw;

	right: -21.8vw;
	-webkit-right: -21.8vw;
	-moz-right: -21.8vw;
	-ms-right: -21.8vw;
	-o-right: -21.8vw;




}




#popup4 {display:none; position:absolute;width:1200px;top:191px;z-index:10003; padding:0; height:358px;  left:50%; transform:translate(-50%,0);}
#popup4 div {text-align: center;}
#popup4 div .btnClose 

{

z-index: 100;
position:absolute; 
top:30px;
right:30px;


}


#popup4 .imgBox img {width:100%;}


.mainBgCover04 
{
    position: absolute;
    width: 100%;
    height: 400vh;
	-webkit-height: 400vh;
	-moz-height: 400vh;
	-ms-height: 400vh;
	-o-height: 400vh;


    left: 0;
    top: 191px;
    background: rgba(0,0,0,0.8);
    z-index: 10002;
}


#popup4 .qr_admin
{position:absolute; top:160px; left:50%; transform:translate(-50%,0); font-size:21px; font-weight:700;}

#popup4 .qr_admin img

{

width:72px; 
height:72px;
top: 8px;
right: -155px;
position: relative;

}

#popup4 .qr_admin p.code

{

    position: absolute;
    left: -151px;
    top: 97px;
	font-size: 21px;
}

#popup4 .qr_admin p.name{

    position: absolute;
    right: -156px;
    font-size: 23px;
    top: 93px;

}





/* HOVER */
@media all and (min-width:1200px) {
	/* 메인비주얼 */
	#mainVisual .btnMore:hover {border-color:#50b949;color:#fff;background:#50b949;}
	#mainVisual .btnMore:hover i {color:#fff;}

}
@media all and (min-width:1023px){
	#mainVisual .mask:hover .btnPrev {opacity:1;}
	#mainVisual .mask:hover .btnNext {opacity:1;}
	#mainVisual .qr_banner{display:none;}
}

/* 반응형 레이아웃 */
@media all and (max-width:1500px){

}
@media all and (max-width:1400px) {
	#mainVisual .slider {margin:0 20px;}
	#mainContents .conBox02 .main-slide-news .arrow {width:47px;}
	#mainContents .conBox02 .main-slide-news .arrow.btnPrev {left:0;background-image:url("../images/main/btnPrev02.png");background-size:cover;}
	#mainContents .conBox02 .main-slide-news .arrow.btnNext {right:0;background-image:url("../images/main/btnNext02.png");background-size:cover;}
	
}
@media all and (max-width:1280px){
	#mainContents .conBox02 .main-slide-news .arrow.btnPrev {left:-20px;}
	#mainContents .conBox02 .main-slide-news .arrow.btnNext {right:-20px;}
}
@media all and (max-width:1199px){
	/* 메인비주얼 */ 


.qr_main{display:none;}

	#mainVisual {}
	#mainVisual .mainVisual {width:65%;height:auto;padding-top:35.5%;}
	#mainVisual .mainVisual .mask {position:absolute;top:0;left:0;width:100%;height:100%;}
	#mainVisual .main-banner {width:34%;}

	#mainVisual .main-banner ul li a .icon {background-size:35%;margin-top: 0;}

	#mainContents .conBox02 .main-board-wrap .slide-board {float:none;width:100%;}
	#mainContents .conBox02 .main-board-wrap .main-board {position:relative;;width:100%;}

	#mainContents .conBox03 .con {width:100%;}
	#mainContents .conBox03 .con.con01 {padding-top:0;}
	#mainContents .conBox03 .con.con01 .inner {position:static;}
	#mainContents .conBox03 .con.con02,
	#mainContents .conBox03 .con.con03 {width:50%;padding-top:50%;}
	#mainContents .conBox03 .con.con02 .mask li img {width:100%;}
	#mainContents .conBox03 .con.con03 .mask > a img {width:100%;}
	#mainContents .conBox03 .con.con04 {padding-top:0;}
	#mainContents .conBox03 .con.con04 ul li a {padding:20px;}
	#mainContents .conBox03 .con.con04 .inner {position:static;}
	#mainContents .conBox03 .con.con05 {padding-top:0;}
	#mainContents .conBox03 .con.con05 .inner {position:static;padding:30px;}

#popup4, .mainBgCover04{display:none;}
	
	/* #mainContents .conBox02 .main-slide-news .arrow.btnNext,
	#mainContents .conBox02 .main-slide-news .arrow.btnPrev {display: none !important;} */

}
@media all and (max-width:1024px) {
	/* 메인비주얼 */ 
	#mainVisual {padding:0;}
	#mainVisual .auto {padding:0;}
	#mainVisual .mainVisual {float:none;width:100%;padding-top:0;}
	#mainVisual .mainVisual .mask {position:static;}
	#mainVisual .main-banner {position:static;width:100%;}
	#mainVisual .main-banner ul li {width: 25%; height: 230px;}
	#mainVisual .main-banner ul li a {padding:40px 20px;}
	#mainVisual .main-banner ul li a .icon {height:50px;background-size: auto 100%; margin-top: 20px;}

	#mainContents .conBox01 ul {margin-top:-20px;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px 0;}
	#mainContents .conBox01 ul li {/* width:25%; *//* margin-top:20px; */}
	
}
@media all and (max-width:800px) {

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


	/* #mainVisual .main-banner ul li {width: 50%;} */

	#mainVisual .qr_banner img{ }
	#mainContents .conBox02 .main-slide-news ul {margin:-5px;}
	#mainContents .conBox02 .main-slide-news ul li {padding:5px;}
	#mainContents .conBox02 .main-slide-news ul li a .txtBox dl dt {font-size:15px;}
	#mainContents .conBox02 .main-slide-news ul li a .txtBox dl dd {font-size:13px;}

	#mainContents .conBox03 .con.con02,
	#mainContents .conBox03 .con.con03 {padding-top:53%;}
}
@media all and (max-width:640px) {


#mainVisual .qr_banner > div{

	width: 129px;
    line-height: 65px;
    padding-left: 28px;
    background: url(/images/layout/qr_w_img01.png)no-repeat 0px 24px;
    background-size: 19px;
    font-size: 20px;

}

#popup3 {top:58px;}

	/* 메인비주얼 */ 
	#mainVisual {}
	#mainVisual .slick-dots {padding:0 10px;bottom:25px;}

	
	
	#mainVisual .main-banner ul li {height: 130px;width: 50%;}
	#mainVisual .main-banner ul li a {padding:10px;}
	#mainVisual .main-banner ul li a dl dt {font-size: 16px;}
	#mainVisual .main-banner ul li a dl dd {display: none;}
	#mainVisual .main-banner ul li a .icon {margin-top: 10px;}

	#mainContents dl.title {margin-bottom: 15px;}
	#mainContents dl.title dt {font-size:20px;}
	#mainContents dl.title dd {font-size:13px;margin-top:5px;}

	#mainContents .conBox {padding: 30px 0;}

	#mainContents .conBox01 ul {/* margin-top:-10px; */margin-top: 20px;gap: 10px 0px;}
	#mainContents .conBox01 ul li {/* margin-top:10px; */}
	#mainContents .conBox01 ul li .icon {display:block;padding:5px;}	
	#mainContents .conBox01 ul li p {margin-top:5px;font-size:13px;font-weight:400;height:40px;}
	#mainContents .conBox01 ul li p br {content:none;}

	#mainContents .conBox02 {padding:30px 0;}
	#mainContents .conBox02 .main-slide-news ul li a .txtBox {padding:15px 10px;}
	#mainContents .conBox02 .main-board-wrap {margin:0px -10px -10px -10px;}
	#mainContents .conBox02 .main-board-wrap .slide-board .mask .slick-dots {bottom:60px;}
	#mainContents .conBox02 .main-board-wrap .slide-board ul li .txt {padding:10px 15px;font-size:15px;}
	#mainContents .conBox02 .main-board-wrap .main-board .tabContents > ul > li {padding:20px 10px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news .thumb {width:47%;padding-top:34%;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox {padding-left:50%;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox dl dt {font-size:15px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox dl dd {font-size:13px;margin-top:5px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news .txtBox .date {margin-top:13px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news-list {padding-top:15px;margin-top:20px;padding-bottom:10px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li {line-height:15px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li a {font-size:14px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li a:before {top:7px;}
	#mainContents .conBox02 .main-board-wrap .main-board .main-news-list ul li .date {font-size:14px;}
	#mainContents .conBox02 .main-board-wrap .main-board .btnMore {width:42px;height:42px;line-height:35px;top:-43px;}
	#mainContents .conBox02 .main-board-wrap .main-board .tab {margin:10px 53px 10px 10px;}
	#mainContents .conBox02 .main-board-wrap .main-board .tabContents {padding-top:42px;}
	#mainContents .conBox02 .main-board-wrap .main-board .tab li a {line-height:40px;}
	#mainContents .conBox02 .main-board-wrap .main-board .mask .slider li .thumb {height:150px;}
	#mainContents .conBox02 .main-board-wrap .slide-board ul li .label {top: 10px ;left: 10px;}
	#mainContents .conBox02 .main-slide-news .arrow {width:36px;height:50px;}
	#mainContents .conBox02 .main-slide-news .arrow.btnPrev {left:-10px;}
	#mainContents .conBox02 .main-slide-news .arrow.btnNext {right:-10px;}

	#mainContents .conBox03 .con {float:none;}
	#mainContents .conBox03 .con01 .inner {padding:20px;}
	#mainContents .conBox03 .con01 .title {font-size:18px;margin-bottom: 15px; padding-bottom: 15px;}
	#mainContents .conBox03 .con01 .btnMore {top:14px}
	#mainContents .conBox03 .con01 ul li {margin-top: 10px;}
	#mainContents .conBox03 .con01 ul li a {font-size:14px;}
	#mainContents .conBox03 .con01 ul li .date {font-size:14px;width:25%;text-align:right;}
	#mainContents .conBox03 .con02 .title {font-size:18px;}
	#mainContents .conBox03 .con02 .inner {padding: 20px;}
	#mainContents .conBox03 .con.con02,
	#mainContents .conBox03 .con.con03 {float:none;width:100%;padding-top:0;}
	#mainContents .conBox03 .con.con02 .inner,
	#mainContents .conBox03 .con.con03 .inner {position:relative;}
	#mainContents .conBox03 .con04 ul li {width: 50%;}
	#mainContents .conBox03 .con.con04 ul li a {padding:0;}
	#mainContents .conBox03 .con.con04 ul li a .tableCell {padding:15px 0;}
	#mainContents .conBox03 .con.con04 ul li a .icon {display:block;padding:0 15px;}
	#mainContents .conBox03 .con.con04 ul li a p {font-size:14px;margin-top:10px;}
	#mainContents .conBox03 .con.con05 .inner {padding:20px 30px;}
	#mainContents .conBox03 .con05 dl {float:none;width:100%;background-size:30px;padding-left:50px;}
	#mainContents .conBox03 .con05 dl dt {font-size:18px;}
	#mainContents .conBox03 .con05 .selectBox {float:none;width:100%;margin-top:10px;}
	#mainContents .conBox03 .con05 .selectBox select {font-size: 14px;}
	#mainContents .conBox03 .con03 .mask .label.label01 {top: 10px ;left: 10px;}
	#mainContents .conBox03 .con05 .tableCell .btn_sp {width: 100%; float: none; margin-top: 20px;}

	#mainContents .conBox03 .con05 .sp_pop {left:0;right:0;width:auto;overflow:scroll;margin:0 10px;padding:20px;}
	#mainContents .conBox03 .con05 .sp_pop ul li:nth-child(12),
	#mainContents .conBox03 .con05 .sp_pop ul li:nth-child(13) {width:100%;}
}
@media all and (max-width:480px) {

}