@charset "utf-8";
@import url("font.css");

/* Default Layout */
#wrap {width:100%; height: 100%;}

/*메뉴*/
.toparea {z-index: 100; position: relative;}
.toparea .top_header {padding: 0 50px; display: flex; display:-webkit-flex; justify-content: flex-end;}
.toparea .top_header li {position: relative; padding-right: 1px;}
.toparea .top_header li::after {content: ''; position: absolute; right: 0; top: 11px; width: 1px; height: 13px; background-color: #888;}
.toparea .top_header li a {padding: 0 12px; color: #222; font-size: 13px; line-height: 33px;}
.toparea .top_header li:last-child {padding-right: 0;}
.toparea .top_header li:last-child::after {display: none;}
.toparea .top_header li:last-child a {padding-right: 0;}
.toparea .topmenu {z-index: 3; position: relative; height: 97px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background-color: #fff;}
.toparea .topmenu h1 {z-index: 11; position: absolute; left: 50px; top: calc(50% - 18px);}
.toparea .topmenu h1 a {display: block;}
.toparea .topmenu h1 a img {width: 100%;}
.toparea .topmenu .gnb {display: flex; display:-webkit-flex; justify-content: center;}
.toparea .topmenu .gnb * {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .gnb > li {margin: 0 23px;}
.toparea .topmenu .gnb > li > a {z-index: 4; position: relative; display: block; color: #000; line-height: 95px; font-size: 21px; font-weight: 500;}
.toparea .topmenu .gnb > li > a::after, .toparea .topmenu .gnb > li > a::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #2095d3; transform: scale(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .gnb > li.active > a, .toparea .topmenu .gnb > li:hover > a {color: #2095d3;}
.toparea .topmenu .gnb > li.active > a::after, .toparea .topmenu .gnb > li:hover > a::after {transform: scale(1)}
.toparea .topmenu .gnb > li .menu_list {z-index: 2; position: absolute; top: 96px; left: 0; width: 100%; background-color: #f4f5f6; transform: scaleY(0); transform-origin: top left;}
.toparea .topmenu .gnb > li:hover .menu_list {transform: scaleY(1);}
.toparea .topmenu .gnb > li .menu_list ul {display: flex; display:-webkit-flex; justify-content: center; align-items: center; height: 80px;}
.toparea .topmenu .gnb > li.topmenu_1 .menu_list ul {margin: 0 auto; width: 974px; justify-content: flex-start;}
/* .toparea .topmenu .gnb > li.topmenu_6 .menu_list ul {margin: 0 auto; width: 974px; justify-content: flex-end;} */
 .toparea .topmenu .gnb > li.topmenu_6 .menu_list ul {margin: 0 auto; width: 1440px; justify-content: flex-end;}
.toparea .topmenu .gnb > li .menu_list ul li a {padding: 0 16px; color: #444;}
.toparea .topmenu .gnb > li .menu_list ul li:hover a {color: #0b88df;}
.toparea .topmenu .btn_search {position: absolute; right: 95px; top: calc(50% - 11px); width: 22px; height: 22px;}
.toparea .topmenu .btn_search::after, .toparea .topmenu .btn_search::before {content: ''; position: absolute; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .btn_search::after {left: 0; top: 0; width: 14px; height: 14px; border: 2px solid #222; border-radius: 100%;}
.toparea .topmenu .btn_search::before {right: -1px; bottom: 3px; width: 9px; height: 2px; background-color: #222; transform: rotate(45deg);}
.toparea .topmenu .btn_search.active::after {left: -3px; top: 10px; width: 27px; height: 2px; border: 0; background-color: #222; border-radius: 0; transform: rotate(-45deg);}
.toparea .topmenu .btn_search.active::before {right: -2px; bottom: 10px; width: 27px;}
.toparea .topmenu .search_area {position: absolute; left: 0; top: 96px; display: none; padding: 70px 0; width: 100%; background-color: #fafafa;}
.toparea .topmenu .search_area .box {position: relative; margin: 0 auto; padding-bottom: 10px; width: 720px; border-bottom: 2px solid #222;}
.toparea .topmenu .search_area .box input {padding: 0 10px; width: calc(100% - 40px); height: 45px; font-size: 22px; background-color: transparent;}
.toparea .topmenu .search_area .box button {position: absolute; right: 0; top: 7px; width: 31px; height: 31px;}
.toparea .topmenu .search_area .box button::after, .toparea .topmenu .search_area .box button::before {content: ''; position: absolute;}
.toparea .topmenu .search_area .box button::after {left: 0; top: 0; width: 21px; height: 21px; border: 3px solid #222; border-radius: 100%;}
.toparea .topmenu .search_area .box button::before {right: -1px; bottom: 3px; width: 11px; height: 3px; background-color: #222; transform: rotate(45deg);}
.toparea .topmenu .btn_allmenu {position: absolute; right: 50px; top: calc(50% - 10px); width: 25px; height: 21px; display: flex; display:-webkit-flex; flex-flow: column; justify-content: space-around;}
.toparea .topmenu .btn_allmenu.mobile {display: none;}
.toparea .topmenu .btn_allmenu span {position: relative; display: block; width: 25px; height: 2px; background-color: #222;}
.toparea .topmenu .btn_allmenu.active {z-index: 12;}
.toparea .topmenu .btn_allmenu.active span {position: absolute; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .btn_allmenu.active span.line1 {left: 1px; top: 10px; width: 27px; transform: rotate(-45deg);}
.toparea .topmenu .btn_allmenu.active span.line2 {transform: scale(0);}
.toparea .topmenu .btn_allmenu.active span.line3 {right: -3px; bottom: 9px; width: 27px; transform: rotate(45deg);}
.toparea .topmenu .allmenu_area {z-index: 10; position: absolute; right: 0; top: -33px; padding: 135px 0 50px; width: 100%; background-color: #fff; transform: scaleY(0); transform-origin: top right; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .allmenu_area.web {display: block;}
.toparea .topmenu .allmenu_area.mobile {display: none;}
.toparea .topmenu .allmenu_area.active {transform: scaleY(1);}
.toparea .topmenu .allmenu_area .top_header {display: none;}
.toparea .topmenu .allmenu_area .allmenu_list {display: flex; display:-webkit-flex; justify-content: center;}
.toparea .topmenu .allmenu_area .allmenu_list > li {margin-right: 20px; width: 220px; word-break: keep-all;}
.toparea .topmenu .allmenu_area .allmenu_list > li:last-child {margin-right: 0;}
.toparea .topmenu .allmenu_area .allmenu_list > li > a {margin-bottom: 35px; display: block; color: #2095d3; font-size: 21px;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li {margin-bottom: 10px;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li:last-child {margin-bottom: 0;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li a {display: inline-block;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li:hover > a {text-decoration: underline; text-underline-position: under;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 {margin-top: 10px;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li {position: relative; padding-left: 10px; margin-bottom: 8px;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li:last-child {margin-bottom: 0;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li::after {content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #999;}
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li a {font-size: 14px; line-height: }
.toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li:hover a {text-decoration: underline; text-underline-position: under;}

.maincontents {position: relative;}
.maincontents > div .area {margin: 0 auto; width: 1300px;}
.maincontents > div .area h2 {font-family: 'Nanum Square', sans-serif;}
.maincontents .section1 {overflow: hidden; position: relative; height: 620px;}
.maincontents .section1 .area {display: flex; display:-webkit-flex; justify-content: flex-end; align-items: center; height: 100%;}
.maincontents .section1 .area > ul {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; width: 396px;}
.maincontents .section1 .area > ul * {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section1 .area > ul > li {overflow: hidden; position: relative; margin: 4px 0 4px 8px; width: 190px; height: 190px;}
.maincontents .section1 .area > ul > li::after {content: ''; z-index: 6; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 177px; height: 177px; border-radius: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section1 .area > ul > li .box {z-index: 7; position: relative; padding: 27px 20px 0; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; color: #fff;}
.maincontents .section1 .area > ul > li .icon {width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center;}
.maincontents .section1 .area > ul > li .title {position: relative; padding: 0 5px; display: flex; display:-webkit-flex; align-items: center; justify-content: center; width: 100%; height: 55px; font-size: 17px; font-weight: 500; line-height: 23px; text-align: center; word-break: keep-all;}
.maincontents .section1 .area > ul > li .list {position: relative; top: 10px; opacity: 0;}
.maincontents .section1 .area > ul > li .list li a {color: #fff; font-size: 14px; line-height: 18px; font-weight: 500;}
.maincontents .section1 .area > ul > li .download, .maincontents .section1 .area > ul > li .view {position: relative; top: 15px; display: none; width: 90px; color: #555; font-size: 13px; line-height: 24px; background-color: #fff; background-repeat: no-repeat; border-radius: 24px; opacity: 0;}
.maincontents .section1 .area > ul > li .download {padding: 0 12px; background-image: url('../../images/web/icon_download.png'); background-position: right 11px center;}
.maincontents .section1 .area > ul > li .view {padding: 0 10px; background-image: url('../../images/web/icon_arrow.png'); background-position: right 10px center;}
.maincontents .section1 .area > ul > li.contents1::after {background-color: #379fd7;}
.maincontents .section1 .area > ul > li.contents1 .icon {background-image: url('../../images/web/main_contents1_1.png');}
.maincontents .section1 .area > ul > li.contents1 .title {top: 0; opacity: 1;}
.maincontents .section1 .area > ul > li.contents2::after {background-color: #ee571a;}
.maincontents .section1 .area > ul > li.contents2 .icon {background-image: url('../../images/web/main_contents1_2.png');}
.maincontents .section1 .area > ul > li.contents2 .title {top: 0; opacity: 1;}
.maincontents .section1 .area > ul > li.contents3::after {background-color: #9fbd27;}
.maincontents .section1 .area > ul > li.contents3 .icon {background-image: url('../../images/web/main_contents1_3.png');}
.maincontents .section1 .area > ul > li.contents3 .title {padding: 0 10px;}
.maincontents .section1 .area > ul > li.contents4::after {background-color: #f19526;}
.maincontents .section1 .area > ul > li.contents4 .icon {background-image: url('../../images/web/main_contents1_4.png');}
.maincontents .section1 .area > ul > li:hover::after {width: 190px; height: 190px;}
.maincontents .section1 .area > ul > li:hover .box {padding: 20px 20px 0;}
.maincontents .section1 .area > ul > li:hover .icon {height: 62px; background-size: auto 80%;}
.maincontents .section1 .area > ul > li:hover .download, .maincontents .section1 .area > ul > li:hover .view {top: 5px; display: block; opacity: 1;}
/* .maincontents .section1 .area > ul > li.contents1:hover .icon {background-size: auto 82%;} */
.maincontents .section1 .area > ul > li.contents1:hover .title {top: -10px; opacity: 0; display: none;}
.maincontents .section1 .area > ul > li.contents1:hover .list {padding-bottom: 0; top: 0; padding-top: 5px; opacity: 1;}
.maincontents .section1 .area > ul > li.contents2:hover .title {top: -10px; opacity: 0; display: none;}
.maincontents .section1 .area > ul > li.contents2:hover .list {padding-bottom: 0; top: 0; padding-top: 5px; opacity: 1;}
.maincontents .section1 .bx-wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.maincontents .section1 .bx-wrapper .slide li {width: 100%; height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.maincontents .section1 .bx-wrapper .slide li a {display: block; height: 100%;}
.maincontents .section1 .bx-wrapper .bx-controls {position: absolute; left: 0; bottom: 17px; width: 100%; display: flex; display:-webkit-flex; justify-content: center; flex-flow: row-reverse; align-items: center;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto {display: flex; display:-webkit-flex; flex-flow: row-reverse;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {margin-left: 5px;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {position: relative; display: block; width: 9px; height: 10px; color: transparent; font-size: 0;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::after, .maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::before {content: ''; position: absolute; top: 0; width: 3px; height: 10px; background-color: #fff;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::after {left: 0;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::before {right: 0;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start::after {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-left: 9px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-pager {display: flex; display:-webkit-flex;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {margin-right: 10px;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {display: block; width: 40px; height: 4px; color: transparent; font-size: 0; border-radius: 4px; background-color: #fff;}
.maincontents .section1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {background-color: #2095d3;}
.maincontents .section2 {background-color: #2095d3;}
.maincontents .section2 .area {display: flex; display:-webkit-flex; align-items: center;}
.maincontents .section2 .area .title_box {padding-right: 20px; width: 267px; word-break: keep-all;}
.maincontents .section2 .area .title_box h2 {margin-bottom: 10px; color: #fffbb6; font-size: 35px; font-weight: 600; line-height: 35px;}
.maincontents .section2 .area .title_box p {color: #feffff; font-size: 15px; line-height: 22px;}
.maincontents .section2 .area .board_box {width: calc(100% - 267px);}
.maincontents .section2 .area .board_box > li:first-child {position: relative; padding-bottom: 1px;}
.maincontents .section2 .area .board_box > li:first-child::after, .maincontents .section2 .area .board_box > li:first-child::before {content: ''; position: absolute; left: 0; background-color: #fff;}
.maincontents .section2 .area .board_box > li:first-child::after {bottom: -2px; width: 5px; height: 5px; border-radius: 100%;}
.maincontents .section2 .area .board_box > li:first-child::before {bottom: 0; width: 100%; height: 1px; opacity: 0.3;}
.maincontents .section2 .area .board_box > li > dl {display: flex; display:-webkit-flex; height: 72px; align-items: center;}
.maincontents .section2 .area .board_box > li > dl dt {position: relative; padding: 0 30px 0 27px; width: 352px; color: #fff; font-size: 18px; font-weight: 600;}
.maincontents .section2 .area .board_box > li > dl dt::after {content: ''; position: absolute; right: 21px; top: calc(50% - 3px); width: 6px; height: 6px; border: 2px solid #fff; border-bottom: 0; border-left: 0; transform: rotate(45deg);}
.maincontents .section2 .area .board_box > li > dl dd.board_list {position: relative; padding: 0 100px 0 20px; width: calc(100% - 352px);}
.maincontents .section2 .area .board_box > li > dl dd.board_list .list {display: flex !important; display:-webkit-flex;}
.maincontents .section2 .area .board_box > li > dl dd.board_list .list a {overflow: hidden; display: block; width: calc(100% - 75px); color: #fff; white-space: nowrap; text-overflow: ellipsis;}
.maincontents .section2 .area .board_box > li > dl dd.board_list .list .date {width: 75px; color: #d0e1ed; font-size: 14px;}
.maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow {position: absolute; right: 15px; width: 22px; height: 18px; font-size: 0; color: transparent;}
.maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow::before {content: ''; position: absolute; left: 7px; top: 7px; width: 6px; height: 6px; border: 1px solid #fff; border-bottom-color: transparent; border-left-color: transparent; transform: rotate(-45deg);}
.maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow.slick-prev {top: -5px;}
.maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow.slick-next {bottom: -5px; transform: rotate(180deg);}
.maincontents .section3 {padding: 90px 0;}
.maincontents .section3 .area .title_box {margin-bottom: 50px; text-align: center;}
.maincontents .section3 .area .title_box h2 {margin-bottom: 20px; color: #000; font-size: 40px; font-weight: 900;}
.maincontents .section3 .area .board_box {display: flex; display:-webkit-flex; justify-content: space-between;}
.maincontents .section3 .area .board_box li {width: calc(20% - 16px);}
.maincontents .section3 .area .board_box li a {position: relative; padding-top: 10px; display: block; width: 100%; height: 220px; color: #fff; word-break: keep-all;}
.maincontents .section3 .area .board_box li a .text_box {z-index: 17; position: absolute; left: 0; top: 0; padding: 10px; display: flex; display:-webkit-flex; flex-flow: column; justify-content: center; width: 100%; height: 100%; text-align: center; background-color: #2095d3; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section3 .area .board_box li a .text_box h3 {position: relative; margin-bottom: 15px; font-size: 18px; line-height: 26px; font-weight: 600;}
.maincontents .section3 .area .board_box li a .text_box p {font-size: 15px; line-height: 23px;}
.maincontents .section3 .area .board_box li a .img_box {margin-bottom: 15px; width: 100%; height: 110px; background-repeat: no-repeat; background-position: center center;}
.maincontents .section3 .area .board_box li a > h3 {padding: 0 25px; color: #333; text-align: center;}
.maincontents .section3 .area .board_box li.contents1 a .img_box {background-image: url('../../images/web/main_contents2_1.png');}
.maincontents .section3 .area .board_box li.contents2 a .img_box {background-image: url('../../images/web/main_contents2_2.png');}
.maincontents .section3 .area .board_box li.contents3 a .img_box {background-image: url('../../images/web/main_contents2_3.png');}
.maincontents .section3 .area .board_box li.contents4 a .img_box {background-image: url('../../images/web/main_contents2_4.png');}
.maincontents .section3 .area .board_box li.contents5 a .img_box {background-image: url('../../images/web/main_contents2_5.png');}
.maincontents .section3 .area .board_box li:hover a .text_box {transform: scaleX(1);}
.maincontents .section4 {padding: 90px 0; background-color: #eff1f3;}
.maincontents .section4 .area .title_box {margin-bottom: 45px; text-align: center;}
.maincontents .section4 .area .title_box h2 {color: #000; font-size: 40px; font-weight: 900;}
.maincontents .section4 .area .board_box {position: relative; padding-bottom: 370px; display: flex; display:-webkit-flex; justify-content: center; }
.maincontents .section4 .area .board_box > li {padding: 0 15px;}
.maincontents .section4 .area .board_box > li > a {position: relative; padding-bottom: 10px; color: #555; font-size: 20px;}
.maincontents .section4 .area .board_box > li > a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #198cde; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section4 .area .board_box > li .tab_pane {position: absolute; left: 0; top: 80px; width: 100%; display: none;}
.maincontents .section4 .area .board_box > li .tab_pane > ul {display: flex; display:-webkit-flex;}
.maincontents .section4 .area .board_box > li .tab_pane > ul > li {margin-right: 30px; width: calc(25% - 22.5px); background-color: #fff;}
.maincontents .section4 .area .board_box > li .tab_pane > ul > li:last-child {margin-right: 0;}
.maincontents .section4 .area .board_box > li .tab_pane > ul > li a {position: relative; display: block; height: 250px; word-break: break-all;}
.maincontents .section4 .area .board_box > li .tab_pane > ul > li a::after {content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid transparent; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.maincontents .section4 .area .board_box > li .tab_pane > ul > li a:hover::after {border: 1px solid #2095d3;}
.maincontents .section4 .area .board_box > li .tab_pane > .gallary_list > li a .img_box {width: 100%; height: 170px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.maincontents .section4 .area .board_box > li .tab_pane > .gallary_list > li a .title {overflow: hidden; padding: 15px 20px 0 20px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 64px; -webkit-line-clamp: 2; color: #000; font-size: 18px; font-weight: 500; line-height: 26px;}
.maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a {padding: 25px 30px;}
.maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .title {overflow: hidden; margin-bottom: 25px; display: -webkit-box; -webkit-box-orient: vertical; height: 60px; -webkit-line-clamp: 2; line-height: 30px; color: #000; font-size: 20px; font-weight: 500;}
.maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .detail {overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; height: 78px; -webkit-line-clamp: 3; line-height: 26px;}
.maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .date {color: #999; font-size: 15px;}
.maincontents .section4 .area .board_box > li.active > a {position: relative; color: #198cde; font-weight: 600;}
.maincontents .section4 .area .board_box > li.active > a::after {transform: scaleX(1);}
.maincontents .section4 .area .board_box > li.active .tab_pane {display: block;}
.maincontents .section4 .area button {margin: 0 auto; display: block; width: 130px; height: 40px; color: #555; font-size: 18px; border: 1px solid #cfcfcf; background-color: #fff;}
.maincontents .section4 .area button span {position: relative; padding-right: 30px;}
.maincontents .section4 .area button span::after, .maincontents .section4 .area button span::before {content: ''; position: absolute; right: 0; top: 50%; width: 15px; height: 1px; background-color: #a0a0a0;}
.maincontents .section4 .area button span::before {transform: rotate(90deg);}

.bottomarea .area {margin: 0 auto; display: flex; display:-webkit-flex; width: 1300px;}
.bottomarea .footer_info {background-color: #323c44;}
.bottomarea .footer_info .area {align-items: center; height: 63px;}
.bottomarea .footer_info .area li {position: relative; margin-left: 20px; padding-left: 21px;}
.bottomarea .footer_info .area li::after {content: ''; position: absolute; left: 0; top: calc(50% - 7px); width: 1px; height: 14px; background-color: #777c80;}
.bottomarea .footer_info .area li a {color: #e7e7e7;}
.bottomarea .footer_info .area li.pri {margin-left: 0; padding-left: 0;}
.bottomarea .footer_info .area li.pri::after {display: none;}
.bottomarea .footer_info .area li.pri a {color: #feca5b;}
.bottomarea .address_box {background-color: #4e535a;}
.bottomarea .address_box .area {position: relative;}
.bottomarea .address_box .area img {position: absolute; left: 0; top: 30px;}
.bottomarea .address_box .area address {padding: 30px 0 20px 270px;}
.bottomarea .address_box .area address p {color: #d9d9d9; font-size: 15px;}
.bottomarea .address_box .area address p.copy {margin-top: 6px; font-size: 13px;}


/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.on {display: block;}
.popup {z-index: 1100; overflow-y: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; max-height: 100%; background: #fff; border: 1px solid #acacac;}
.popup .modal_close {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px;}
.popup .modal_close::after, .popup .modal_close::before {content: ''; position: absolute; left: -4px; top: 10px; width: 28px; height: 1px; background-color: #333;}
.popup .modal_close::after {transform: rotate(-45deg);}
.popup .modal_close::before {transform: rotate(45deg);}
.popup .popup_inner .popup_title {margin-bottom: 25px;}
.popup .popup_inner .popup_title h3 {color: #333; font-size: 22px;}
.popup .popup_inner {padding: 40px;}
.popup .popup_inner .button_box {}
.popup.password {width: 460px;}
.popup.password .popup_inner {padding: 35px 50px 50px;}
.popup.password .popup_inner .password_box p {margin-bottom: 25px; text-align: center;}
.popup.password .popup_inner .password_box .inpbox {margin: 0 auto; width: 240px;}
.popup.password .popup_inner .button_box {margin-top: 40px;}

/*메인팝업*/
.popup.main {transform: translate(0, 0); max-height: 90%; max-width: 90%; border: 1px solid #acacac;}
.popup.main.img .popup_inner {padding: 0;}
.popup.main.img .popup_inner a {display: block;}
.popup.main .popup_inner img {width: 100%;}
.popup.main .popup_inner .file {padding-top: 20px;}
.popup.main .popup_inner .file li {}
.popup.main .popup_inner .file li a {overflow: hidden; padding-right: 25px; display: inline-block; max-width: 100%; color: #222; font-size: 15px; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: right center; background-image: url('../../images/web/icon_file.png');}
.popup.main .bottom {display: flex; display:-webkit-flex; width: 100%; background-color: #0b0e16;}
.popup.main .bottom button {width: 100%; height: 40px; color: #d2d2d2; font-size: 15px; font-weight: 500;}
.popup.main .bottom button:first-child {border-right: 1px solid #393c48;}
/*에러페이지*/
.error {position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.error .error_box {padding: 0 20px; width: 100%; text-align: center; word-break: keep-all;}
.error .error_box p.p1 {margin-bottom: 45px; color: #222; font-size: 40px; font-family: 'Nanum Square', sans-serif; font-weight: 600;}
.error .error_box p.p2 {padding-bottom: 265px; font-size: 18px; line-height: 28px; background-repeat: no-repeat; background-position: center bottom; background-image: url('../../images/web/img_error.png');}
.error .error_box .button_box {margin-top: 50px;}

@media screen and (max-width:1500px) {
    /*메뉴*/
    .toparea .top_header {padding: 0 20px;}
    .toparea .topmenu h1 {left: 20px;}
    .toparea .topmenu .gnb {padding-left: 240px; justify-content: flex-start;}
    .toparea .topmenu .gnb > li {margin: 0 15px;}
    .toparea .topmenu .btn_search {right: 65px;}
    .toparea .topmenu .btn_allmenu {right: 20px;}
    .toparea .topmenu .allmenu_area {padding: 110px 20px 50px;}
    .toparea .topmenu .allmenu_area .allmenu_list {width: 100%;}
    .toparea .topmenu .allmenu_area .allmenu_list > li {width: calc(20% - 16px);}
}
@media screen and (max-width:1300px) {
    /*메뉴*/
    .toparea .topmenu {height: 72px;}
    .toparea .topmenu h1 {width: 170px;}
    .toparea .topmenu .gnb {padding-left: 200px}
    .toparea .topmenu .gnb > li {margin: 0 12px;}
    .toparea .topmenu .gnb > li > a {line-height: 70px; font-size: 17px;}
    .toparea .topmenu .search_area {top: 71px;}
    .maincontents > div .area {width: 100%;}
    .maincontents .section1 {height: 550px;}
    .maincontents .section1 .bx-wrapper .slide li {height: 550px;}
    .maincontents .section1 .area {justify-content: center;}
    .maincontents .section1 .area > ul > li {margin: 4px;}
    .maincontents .section2 .area {display: block; display:-webkit-block;}
    .maincontents .section2 .area .title_box {position: relative; padding: 20px 0; margin-bottom: 10px; width: 100%; text-align: center;}
    .maincontents .section2 .area .title_box::after {content: ''; position: absolute; left: calc(50% - 35px); bottom: 0; width: 70px; height: 4px; background-color: #fff;}
    .maincontents .section2 .area .board_box {width: 100%}
    .maincontents .section2 .area .board_box > li:first-child::after {display: none;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list {padding: 0 55px 0 20px;}
    .maincontents .section3 {padding: 90px 20px;}
    .maincontents .section3 .area .board_box li {width: calc(20% - 5px);}
    .maincontents .section4 {padding: 90px 20px;}
    .maincontents .section4 .area .board_box > li .tab_pane > ul > li {margin-right: 10px; width: calc(25% - 7.5px);}
    .bottomarea .area {width: 100%;}
    .bottomarea .footer_info {padding: 0 20px;}
    .bottomarea .address_box {padding: 0 20px;}
}

@media screen and (max-width:1024px) {
    /*메뉴*/
    .toparea .top_header {display: none;}
    .toparea .topmenu {height: 60px; border-top: 0;}
    .toparea .topmenu h1 {left: 15px; width: 155px;}
    .toparea .topmenu .gnb {display: none;}
    .toparea .topmenu .btn_search {display: none;}
    .toparea .topmenu .btn_allmenu {right: 15px; width: 20px; height: 18px;}
    .toparea .topmenu .btn_allmenu.web {display: none;}
    .toparea .topmenu .btn_allmenu.mobile {display: flex;}
    .toparea .topmenu .btn_allmenu.active {z-index: 100;}
    .toparea .topmenu .btn_allmenu span {width: 20px; height: 2px;}
    .toparea .topmenu .btn_allmenu.active span.line1 {top: 8px; width: 22px;}
    .toparea .topmenu .btn_allmenu.active span.line3 {bottom: 8px; width: 22px;}
    .toparea .topmenu .allmenu_area {z-index: 99; position: fixed; right: 0; top: 0; padding: 0; width: calc(100% - 100px); height: 100%; transform: scaleY(1) scaleX(0);}
    .toparea .topmenu .allmenu_area.web {display: none;}
    .toparea .topmenu .allmenu_area.mobile {display: block;}
    .toparea .topmenu .allmenu_area::after {content: '';z-index: 29; position: absolute; right: 0; top: 0; width: calc(100% + 100px); height: 100%; background-color: rgba(0, 0, 0, 0.8);}
    .toparea .topmenu .allmenu_area.active {transform: scaleY(1) scaleX(1);}
    .toparea .topmenu .allmenu_area .top_header {position: relative; z-index: 30; padding: 0; display: block; background-color: #fff;}
    .toparea .topmenu .allmenu_area .top_header ul {padding: 20px 25px; display: flex; display:-webkit-flex;}
    .toparea .topmenu .allmenu_area .top_header ul li {position: relative; padding-right: 1px;}
    .toparea .topmenu .allmenu_area .top_header ul li::after {top: 10px; height: 10px;}
    .toparea .topmenu .allmenu_area .top_header ul li a {padding: 0 8px; color: #555; font-size: 11px; line-height: 20px;}
    .toparea .topmenu .allmenu_area .top_header ul li:first-child a {padding-left: 0;}
    .toparea .topmenu .allmenu_area .top_header .search {position: relative; background-color: #2095d3;}
    .toparea .topmenu .allmenu_area .top_header .search input {padding-left: 25px; width: calc(100% - 40px); height: 50px; color: #fff; font-size: 12px; background-color: #2095d3;}
    .toparea .topmenu .allmenu_area .top_header .search input::-webkit-input-placeholder {color:#fff !important;}
    .toparea .topmenu .allmenu_area .top_header .search input:-moz-placeholder {color:#fff !important;}
    .toparea .topmenu .allmenu_area .top_header .search input::-moz-placeholder {color:#fff !important;}
    .toparea .topmenu .allmenu_area .top_header .search input:-ms-input-placeholder {color:#fff !important;}
    .toparea .topmenu .allmenu_area .top_header .search button {position: absolute; right: 15px; top: calc(50% - 10px); width: 20px; height: 20px;}
    .toparea .topmenu .allmenu_area .top_header .search button::after, .toparea .topmenu .allmenu_area .top_header .search button::before {content: ''; position: absolute;}
    .toparea .topmenu .allmenu_area .top_header .search button::after {left: 0; top: 0; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 100%;}
    .toparea .topmenu .allmenu_area .top_header .search button::before {right: 0; bottom: 2px; width: 7px; height: 2px; background-color: #fff; transform: rotate(45deg);}
    .toparea .topmenu .allmenu_area .allmenu_list {z-index: 31; overflow-y: auto; position: relative; height: calc(100% - 115px); display: block; display:-webkit-block; background-color: #fff;}
    .toparea .topmenu .allmenu_area .allmenu_list > li {margin-right: 0; width: 100%; border-top: 1px solid #a9b3bb;}
    .toparea .topmenu .allmenu_area .allmenu_list > li:first-child {border-top: 0;}
    .toparea .topmenu .allmenu_area .allmenu_list > li a {display: flex !important; display:-webkit-flex; align-items: center; color: #333;}
    .toparea .topmenu .allmenu_area .allmenu_list > li > a {margin-bottom: 0; padding-left: 25px; font-size: 18px; line-height: 50px;}
    .toparea .topmenu .allmenu_area .allmenu_list > li a span {position: relative; margin-left: 10px; display: block; width: 10px; height: 10px;}
    .toparea .topmenu .allmenu_area .allmenu_list > li a span::after, .toparea .topmenu .allmenu_area .allmenu_list > li a span::before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #333; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
    .toparea .topmenu .allmenu_area .allmenu_list > li a span::before {transform: rotate(90deg);}
    .toparea .topmenu .allmenu_area .allmenu_list > li.active > a span::before {transform: rotate(0deg);}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 {padding: 20px 0; display: none; background-color: #f2f3f6; border-top: 1px solid #a9b3bb;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li {margin-bottom: 20px;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > a {padding-left: 25px; display: block; font-size: 15px; line-height: 20px;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li.active > a span::before {transform: rotate(0deg);}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li:hover > a {text-decoration: none;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 {margin-top: 20px; padding: 15px 25px; display: none; background-color: #808d96;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li {padding-left: 0; margin-bottom: 10px;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li::after {display: none;}
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li a {color: #fff; font-size: 13px; line-height: 20px; }
    .toparea .topmenu .allmenu_area .allmenu_list > li .depth2 > li > .depth3 li:hover a {text-decoration: none;}
    
    .maincontents .section1 {height: 330px;}
    .maincontents .section1 .bx-wrapper .slide li {height: 330px;}
    .maincontents .section1 .area > ul {width: 240px;}
    .maincontents .section1 .area > ul > li {width: 112px; height: 112px;}
    .maincontents .section1 .area > ul > li::after {width: 112px !important; height: 112px !important;}
    .maincontents .section1 .area > ul > li .box {padding: 10px 10px 0 !important;}
    .maincontents .section1 .area > ul > li .icon {height: 60px !important; background-size: auto 75% !important;}
    .maincontents .section1 .area > ul > li .title {padding: 0 1px; height: 38px; font-size: 11px; line-height: 14px;}
    .maincontents .section1 .area > ul > li .list {display: none;}
    .maincontents .section1 .area > ul > li .download, .maincontents .section1 .area > ul > li .view {display: none !important;}
    .maincontents .section1 .area > ul > li.contents1:hover .title {top: 0; opacity: 1; display: flex;}
    .maincontents .section1 .area > ul > li.contents2:hover .title {top: 0; opacity: 1; display: flex;}
    .maincontents .section1 .bx-wrapper .bx-controls {bottom: 10px;}
    .maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {width: 6px; height: 8px;}
    .maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::after, .maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop::before {width: 2px; height: 8px;}
    .maincontents .section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start::after {border-left: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
    .maincontents .section1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {margin-right: 5px;}
    .maincontents .section1 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {width: 25px; height: 3px;}
    .maincontents .section2 .area .title_box {padding: 20px 0 18px;}
    .maincontents .section2 .area .title_box::after {left: calc(50% - 17px); bottom: 6px; width: 34px; height: 2px;}
    .maincontents .section2 .area .title_box h2 {font-size: 20px; line-height: 20px;}
    .maincontents .section2 .area .title_box p {font-size: 9px; line-height: 12px;}
    .maincontents .section2 .area .board_box > li > dl dt {padding: 0 15px 0 20px; width: 130px; font-size: 11px; line-height: 15px; word-break: keep-all;}
    .maincontents .section2 .area .board_box > li > dl dt::after {right: 0;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list {padding: 0 30px 0 15px; width: calc(100% - 130px);}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .list {display: block !important; display:-webkit-block; line-height: 18px;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .list a {width: 100%; font-size: 10px;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .list .date {font-size: 8px;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow {right: 10px;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow.slick-prev {top: 2px;}
    .maincontents .section2 .area .board_box > li > dl dd.board_list .slick-arrow.slick-next {bottom: 2px;}
    .maincontents .section3 {padding: 40px 10px;}
    .maincontents .section3 .area .title_box {margin-bottom: 25px;}
    .maincontents .section3 .area .title_box h2 {margin-bottom: 10px; font-size: 20px;}
    .maincontents .section3 .area .title_box p {font-size: 10px; line-height: 10px;}
    .maincontents .section3 .area .board_box {display: block;}
    .maincontents .section3 .area .board_box li {margin-bottom: 5px; width: 100%; border: 1px solid #2095d3;}
    .maincontents .section3 .area .board_box li:last-child {margin-bottom: 0;}
    .maincontents .section3 .area .board_box li a {padding-top: 0; width: 100%; height: auto;}
    .maincontents .section3 .area .board_box li a .text_box {position: relative; padding: 10px 10px 10px 100px; height: auto; min-height: 110px; text-align: left; background-color: transparent; transform: scaleX(1);}
    .maincontents .section3 .area .board_box li a .text_box h3 {margin-bottom: 10px; color: #333; font-size: 14px; line-height: 20px; }
    .maincontents .section3 .area .board_box li a .text_box p {color: #666; font-size: 11px; line-height: 15px;}
    .maincontents .section3 .area .board_box li a .img_box {margin-bottom: 0; position: absolute; left: 0; top: 0; width: 90px; height: 100%;}
    .maincontents .section3 .area .board_box li.contents1 a .img_box {background-size: 68%;}
    .maincontents .section3 .area .board_box li.contents2 a .img_box {background-size: 70%;}
    .maincontents .section3 .area .board_box li.contents3 a .img_box {background-size: 65%;}
    .maincontents .section3 .area .board_box li.contents4 a .img_box {background-size: 50%;}
    .maincontents .section3 .area .board_box li.contents5 a .img_box {background-size: 72%;}
    .maincontents .section3 .area .board_box li a > h3 {display: none;}
    .maincontents .section4 {padding: 40px 10px;}
    .maincontents .section4 .area .title_box {margin-bottom: 25px;}
    .maincontents .section4 .area .title_box h2 {font-size: 20px;}
    .maincontents .section4 .area .board_box {padding-bottom: 210px;}
    .maincontents .section4 .area .board_box > li {padding: 0 15px;}
    .maincontents .section4 .area .board_box > li > a {padding-bottom: 10px; display: flex; display:-webkit-flex; align-items: center; height: 30px; font-size: 11px; line-height: 15px; text-align: center; word-break: keep-all;}
    .maincontents .section4 .area .board_box > li > a::after {height: 1px;}
    .maincontents .section4 .area .board_box > li .tab_pane {top: 50px;}
    .maincontents .section4 .area .board_box > li .tab_pane > ul > li a {height: 170px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .gallary_list > li a .img_box {height: 110px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .gallary_list > li a .title {padding: 10px 10px 0; max-height: 48px; font-size: 14px; line-height: 18px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a {padding: 20px 10px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .title {margin-bottom: 10px; height: 50px; line-height: 25px; font-size: 16px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .detail {margin-bottom: 10px; height: 40px; -webkit-line-clamp: 2; font-size: 13px; line-height: 20px;}
    .maincontents .section4 .area .board_box > li .tab_pane > .board_list > li a .date {font-size: 9px;}
    .maincontents .section4 .area button {width: 100%; font-size: 13px;}
    .maincontents .section4 .area button span {padding-right: 25px;}
    .maincontents .section4 .area button span::after, .maincontents .section4 .area button span::before {width: 11px; height: 1px;}
    
    .bottomarea .footer_info {padding: 0;}
    .bottomarea .footer_info .area {height: 45px; justify-content: center;}
    .bottomarea .footer_info .area li {margin-left: 10px; padding-left: 11px;}
    .bottomarea .footer_info .area li::after {top: calc(50% - 5px); height: 10px;}
    .bottomarea .footer_info .area li a {font-size: 11px;}
    .bottomarea .address_box .area {flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-flow: column; align-items: center; justify-content: center; height: 135px;}
    .bottomarea .address_box .area img {position: relative; top: 0; height: 19px;}
    .bottomarea .address_box .area address {padding: 20px 0 0; width: 100%; text-align: center;}
    .bottomarea .address_box .area address p {font-size: 9px !important; line-height: 15px;}
    
    /*메인팝업*/
    .popup .modal_close {transform: scale(0.75);}
    .popup .popup_inner {padding: 20px;}
    .popup .popup_inner .popup_title {margin-bottom: 10px;}
    .popup .popup_inner .popup_title h3 {font-size: 17px;}
    .popup.main .bottom button {height: 30px; font-size: 13px;}
    
    /*에러페이지*/
    .error .error_box p.p1 {margin-bottom: 25px; font-size: 20px;}
    .error .error_box p.p2 {padding-bottom: 195px; font-size: 15px; line-height: 22px; background-size: 90px;}
    .error .error_box .button_box {margin-top: 30px;}
}
@media screen and (max-width:784px) {
    
}
@media screen and (max-width:640px){
    .maincontents .section4 .area .board_box {padding-bottom: 5px; display: block;}
    .maincontents .section4 .area .board_box > li {padding: 0;}
    .maincontents .section4 .area .board_box > li > a {z-index: 36; position: absolute !important; top: 0; width: calc(30% - 10px); height: 40px; justify-content: center;}
    .maincontents .section4 .area .board_box > li:nth-child(1) > a {left: 5%;}
    .maincontents .section4 .area .board_box > li:nth-child(2) > a {left: 35%;}
    .maincontents .section4 .area .board_box > li:nth-child(3) > a {left: 65%;}
    .maincontents .section4 .area .board_box > li .tab_pane {z-index: 35; position: relative; top: 0; padding-top: 47px;}
    .maincontents .section4 .area .board_box > li .tab_pane > ul {flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;}
    .maincontents .section4 .area .board_box > li .tab_pane > ul > li {margin: 5px 0; width: calc(50% - 5px);}
    
    .popup {width: calc(100% - 40px);}
}
@media screen and (max-width:480px){
    /*메뉴*/
    .toparea .topmenu h1 {left: 15px; width: 105px;}
    .toparea .topmenu .allmenu_area {width: calc(100% - 40px);}
    .toparea .topmenu .allmenu_area::after {width: calc(100% + 40px);}
    
    .maincontents .section4 .area .board_box > li > a {width: 33.33%;}
    .maincontents .section4 .area .board_box > li:nth-child(1) > a {left: 0;}
    .maincontents .section4 .area .board_box > li:nth-child(2) > a {left: 33.33%;}
    .maincontents .section4 .area .board_box > li:nth-child(3) > a {left: 66.66%;}
}
@media screen and (max-width:400px){
    .bottomarea .address_box .area {height: 165px;}
}
@media screen and (max-width:360px){
    .maincontents .section4 .area .board_box > li .tab_pane > ul > li {margin: 0 0 5px; width: 100%;}
    .maincontents .section4 .area .board_box > li .tab_pane > ul > li:last-child {margin: 0 0 0;}
}
@media screen and (max-width:320px){
    /*메뉴*/
    .toparea .topmenu .allmenu_area .top_header ul li a {padding: 0 3px;}
}