@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2019-10-02
-------------------------------------------------*/
.visual { width: 96rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; max-width: 100%; }

.visual .desc { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 1.1rem; position: relative; margin: 3.5rem 0 2.25rem; padding: 0 0 0.5rem 9rem; font-weight: 400; line-height: 1.2; word-break: keep-all; }

.visual .desc::after {z-index:1; position: absolute; right: 0; bottom: -6rem; width: 14.95rem; height: 13.9rem; background: url("/aml/img/main/visual_desc.png") no-repeat right bottom; background-size: auto 100%; content: ''; }

.visual .desc .label { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 6rem; height: 6rem; padding-top: 1.7rem; border: 0.35rem solid #0e315b; text-align: center; }

.visual .desc .label img { width: 3rem; }
#header .etc dl a::before{vertical-align:top;}
.visual .desc .label .txt { font-size: 0.75rem; position: absolute; left: 0; bottom: 0; width: 5.35rem; height: 1rem; margin: 0 0 2.15rem -2.7rem; background-color: #fff; font-weight: 600; color: #0e315b; text-align: center; line-height: 1rem; -webkit-transform: rotate(90deg); transform: rotate(90deg);}

.visual .desc .title { font-size: 2.55rem; display: block; margin-bottom: 0.5rem; font-family: "Nanum Square"; font-weight: 800; color: #0e315b; }

.visual .desc .title span { color: #9c1c2b; }

.visual .list { position: relative; z-index: 0; padding: 1rem 4.5rem 0 0; }

.visual .list::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/_templet4/img/main/bg_visual.png"); }

.visual .list li { position: relative; height: 22rem; }

.visual .list li img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; height: 100%; }

.visual .list .txt { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.7rem; position: absolute; right: 0; width: 22rem; height: 4.5rem; margin: -1.75rem -8.8rem 0 0; font-weight: 700; color: #c7c7c7; text-align: center; text-transform: uppercase; letter-spacing: 0.28rem; line-height: 4.5rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.visual .menu { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.95rem; display: table; position: absolute; bottom: 0; max-width: 100%; height: 4rem; table-layout: fixed; }

.visual .menu a { display: table-cell; position: relative; padding: 0 1.5rem; background-color: rgba(74, 77, 86, 0.94); font-weight: 400; color: #fff; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.visual .menu a:hover::after, .visual .menu a:active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.visual .menu a::after { font-size: 1.3rem; position: absolute; right: 1.5rem; top: auto; font-family: "xeicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.visual .menu a + a { border-left: 1px solid rgba(255, 255, 255, 0.1); }

.visual .menu a:hover, .visual .menu a:focus { background-color: #1a3759; }

.visual .menu a:hover::after, .visual .menu a:focus::after { margin-top: -0.25rem; }

.visual .bx-wrapper .bx-controls { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 2rem; width: 1rem; }

.visual .bx-wrapper .bx-controls .bx-pager.bx-default-pager { position: relative; left: 0.1rem; padding-top: 0; text-align: center; }

.visual .bx-wrapper .bx-controls .bx-pager.bx-default-pager a { width: 0.55rem; height: 0.55rem; margin: 0 auto; border-radius: 100%; border: 1px solid #fff; background: none; -webkit-transition: all 0.2s; transition: all 0.2s; }

.visual .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active { background-color: #fff; }

.visual .bx-wrapper .bx-controls .bx-controls-direction a { display: block !important; overflow: hidden; top: -2rem; left: 0; width: 100%; height: 1rem; margin-top: 0; background: none; line-height: 1rem; }

.visual .bx-wrapper .bx-controls .bx-controls-direction a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; text-indent: 0; }

.visual .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { top: auto; bottom: -2rem; }

.visual .bx-wrapper .bx-controls .bx-controls-direction a.bx-next::before { content: ''; }

.visual .bx-wrapper .bx-controls .bx-controls-auto { position: relative; max-width: 100%; height: 1rem; line-height: 1rem; }

.visual .bx-wrapper .bx-controls .bx-controls-auto a { overflow: hidden; position: absolute; top: 0; width: 100%; height: 100%; margin: 0; background: none; }

.visual .bx-wrapper .bx-controls .bx-controls-auto a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; text-indent: 0; }

.visual .bx-wrapper .bx-controls .bx-controls-auto a.bx-start::before { content: ''; }

.visual .bx-wrapper .bx-controls .bx-controls-auto a.active { display: none; }

#MainContents { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

#MainContents .ConTop { display: inline-block; width: 100%; margin: 3rem 0; }

.latest { float: left; position: relative; width: 50%; margin-right: 2.25rem; padding-top: 3rem; }

.latest h3 a { font-size: 1.1rem; position: absolute; left: 0; top: 0; width: 5.75rem; height: 3rem; font-family: "Nanum Square"; font-weight: 400; color: #98a5ad; text-align: center; }

.latest h3 a::after { position: absolute; left: 0; bottom: 0; width: 0; height: 0.25rem; background-color: #0e315b; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest h3 a:hover::after, .latest h3 a:focus::after { width: 100%; }

.latest .BoardWrap:nth-child(2) h3 a { left: 5.75rem; }

.latest .BoardWrap:nth-child(3) h3 a { left: calc(5.75rem * 2); }

.latest .BoardWrap:nth-child(n + 2) h3 a::before { position: absolute; left: 0; top: 0.5rem; width: 1px; height: 0.6rem; background-color: #eee; content: ''; }

.latest .BoardWrap.active h3 a { font-weight: 800; color: #0e315b; }

.latest .BoardWrap.active h3 a::after { width: 100%; }

.latest .BoardWrap.active .article, .latest .BoardWrap.active .bbs_more a { display: block; }

.latest .article { display: none; min-height: 8.625rem; border-top: 1px solid #bdc5ca; }

.latest .article .no-data { margin-top: 1.8rem; }

.latest .article li + li { border-top: 1px solid #e1e6ea; }

.latest .article a { display: block; position: relative; margin: 1.8rem 0; padding: 0 5rem 0 4.75rem; }

.latest .article a::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.5rem; position: absolute; right: 0.5rem; width: 3rem; height: 2rem; border: 1px solid #ddd; font-family: "xeicon"; color: #98a1a7; content: ''; text-align: center; line-height: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .article a .date { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.6rem; position: absolute; left: 0; width: 4.75rem; font-weight: 400; color: #222; text-align: center; line-height: 1.2; }

.latest .article a .date strong { font-size: 1.8rem; display: block; font-family: "Nanum Square"; font-weight: 600; }

.latest .article a .desc strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: block; margin-bottom: 0.25rem; color: #333; line-height: 1.2; }

.latest .article a .desc span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #767676; }

.latest .article a:hover::after, .latest .article a:focus::after { background-color: #ddd; color: #fff; }

.latest .bbs_more a { display: none; position: absolute; right: 0.5rem; top: 0.5rem; color: #767676; }

.latest .bbs_more a:hover::before, .latest .bbs_more a:active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .bbs_more a::before { font-size: 0.9rem; display: inline-block; position: relative; top: -1px; font-family: "xeicon"; content: ''; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.banner { float: right; width: calc(50% - 2.25rem); margin-bottom: 1.25rem; }

.banner a { float: left; position: relative; width: calc(50% - 0.625rem); padding: 1.25rem; background-color: #9c1c2b; color: #fff; }

.banner a + a { float: right; background-color: #9b8873; }

.banner a .img { position: absolute; right: 1rem; bottom: 1rem; width: 3rem; }

.banner a .txt { font-size: 0.9rem; display: block; margin-bottom: 2.75rem; }

.banner a strong { font-size: 1rem; display: block; width: 5rem; max-width: 100%; font-family: "Nanum Square"; word-break: keep-all; line-height: 1.2; }

.banner a:hover .img, .banner a:focus .img { -webkit-animation: updown 0.8s infinite alternate; animation: updown 0.8s infinite alternate; }

@-webkit-keyframes updown { 0% { margin-bottom: 0; }
  100% { margin-bottom: 0.5rem; } }

@keyframes updown { 0% { margin-bottom: 0; }
  100% { margin-bottom: 0.5rem; } }

.schedule { float: right; position: relative; width: calc(50% - 2.25rem); min-height: 9.75rem; padding: 1.5rem 2.25rem; background: url("/_templet4/img/main/schedule.jpg") no-repeat center center/cover; color: #fff; }

.schedule .title { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.7rem; position: absolute; left: 1.75rem; width: 7.5rem; height: 7.5rem; padding-top: 1.5rem; background: url("/_templet4/img/main/schedule.png") no-repeat center center/cover; font-weight: 400; text-align: center; }

.schedule .title strong { font-size: 1.35rem; display: block; }

.schedule .title .more { display: block; overflow: hidden; width: 1rem; height: 1rem; margin: 0.5rem auto 0; text-align: center; }

.schedule .title .more:hover::before, .schedule .title .more:active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.schedule .title .more::before { font-size: 1rem; display: inline-block; width: 100%; height: 100%; font-family: "xeicon"; color: #dadada; content: ''; line-height: 1rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.schedule .list { padding-left: 8.5rem; }

.schedule .list li { display: table; width: 100%; padding: 0.5rem 0; color: #dbdbdb; table-layout: fixed; }

.schedule .list li + li { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.schedule .list li strong { display: table-cell; width: 7.25rem; color: #fff; vertical-align: middle; }

.schedule .list li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: table-cell; vertical-align: middle; }

.PhotoWrap { position: relative; z-index: 0; display: inline-block; width: 100%; padding: 4rem 0; }

.PhotoWrap::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #f6f8fb; }

.PhotoWrap > .title { float: left; position: relative; z-index: 0; width: 13.35rem; height: 17rem; padding-top: 3.5rem; -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.1); box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.1); background: url("/_templet4/img/main/photo.jpg") no-repeat center center/cover; text-align: center; }

.PhotoWrap > .title::before { position: absolute; left: 0.65rem; top: 0.65rem; right: 0.65rem; bottom: 0.65rem; z-index: -1; background-color: #fff; content: ''; }

.PhotoWrap > .title span { font-size: 0.7rem; font-weight: 700; color: #9c1c2b; }

.PhotoWrap > .title strong { font-size: 1.3rem; display: block; font-family: "Nanum Square"; font-weight: 800; color: #333; }

.PhotoWrap .list { float: right; width: calc(100% - 13.35rem); padding-left: 2.25rem; }

.PhotoWrap .list li { padding-right: 1.75rem; }

.PhotoWrap .list li a { display: block; overflow: hidden; position: relative; z-index: 0; height: 17rem; }

.PhotoWrap .list li a::before { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 10rem; background-color: #000; content: ''; }

.PhotoWrap .list li a:hover img, .PhotoWrap .list li a:focus img { opacity: 0.5; }

.PhotoWrap .list li img { max-width: inherit; height: 10rem; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; }

.PhotoWrap .list li .title { font-size: 0.9rem; overflow: hidden; max-height: 2.5rem; margin: 1.25rem 0; font-weight: 400; color: #222; line-height: 1.25rem; }

.PhotoWrap .list li .date { position: absolute; left: 0; bottom: 1rem; }

.PhotoWrap .list li .date::before { display: inline-block; position: relative; top: -1px; margin-right: 0.15rem; font-family: "xeicon"; color: #999; content: ''; vertical-align: middle; }

.PhotoWrap .list .bx-controls-direction { position: absolute; left: -15.6rem; bottom: 50%; width: 13.35rem; text-align: center; -webkit-transform: translateY(100%); transform: translateY(100%); }

.PhotoWrap .list .bx-controls-direction::before { position: absolute; left: 50%; top: 0; width: 1px; height: 0.8rem; margin-left: 1px; background-color: #ddd; content: ''; }

.PhotoWrap .list .bx-controls-direction a { display: inline-block; overflow: hidden; position: static; width: 1rem; height: 1rem; margin: 0 0.5rem; background: none; text-align: center; line-height: 1rem; }

.PhotoWrap .list .bx-controls-direction a::before { font-size: 1.1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #555; content: ''; text-indent: 0; }

.PhotoWrap .list .bx-controls-direction a.bx-next::before { content: ''; }

.PhotoWrap .more { font-size: 0.7rem; height: 1.35rem; border: 1px solid #333; line-height: 1.25rem; position: absolute; left: 5rem; bottom: 8rem; width: 3.75rem; border-radius: 1.35rem; background-color: #333; font-weight: 600; color: #fff; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .more:hover, .PhotoWrap .more:focus { background-color: #fff; color: #333; }

#QuickWrap { position: relative; z-index: 0; display: inline-block; width: 100%; padding: 4.5rem 0; color: #fff; }

#QuickWrap::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/_templet4/img/main/quick.jpg") no-repeat center center/cover; background-attachment: fixed; }

#QuickWrap .quicktt { font-size: 0.9rem; float: left; width: 12.5rem; margin: 0.5rem 0 0; padding-right: 2rem; color: rgba(255, 255, 255, 0.7); word-break: keep-all; }

#QuickWrap .quicktt .title { font-size: 2.4rem; display: block; margin-bottom: 1.25rem; color: #fff; line-height: 1; }

#QuickWrap .quicktt .title span { color: #c1a387; }

#QuickWrap .list { display: table; float: right; width: calc(100% - 12.5rem); table-layout: fixed; }

#QuickWrap .list li { display: table-cell; vertical-align: middle; }

#QuickWrap .list a { font-size: 0.95rem; display: block; font-weight: 400; text-align: center; }

#QuickWrap .list a:hover .icon, #QuickWrap .list a:focus .icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#QuickWrap .icon { display: block; width: 6rem; height: 7rem; margin: 0 auto 0.75rem; padding-top: 0.5rem; background: url("/_templet4/img/main/link.png") no-repeat center center/cover; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (max-width: 1530px) { .visual .desc .label .txt { margin-bottom: 1.6rem; }
  .PhotoWrap .list li { width: 16.5rem !important; padding-right: 1rem; } }

@media (max-width: 1315px) { .visual .desc::after { right: 3.5rem; }
  .visual .menu { padding-right: 4.5rem; } }

@media (max-width: 1024px) { #MainContents .ConTop { margin: 1.5rem 0; }
  .visual .list li { height: 18rem; }
  .visual .list .txt { width: 18rem; margin-right: -6.8rem; letter-spacing: 0.25rem; }
  .latest { float: none; width: 100%; }
  .latest .article { min-height: 0; }
  .banner { overflow: hidden; float: none; width: 100%; margin: 1rem 0; }
  .banner a { width: calc(50% - 0.5rem); }
  .schedule { float: none; width: 100%; }
  .PhotoWrap { padding: 1.5rem 0; }
  .PhotoWrap .more { bottom: 6rem; }
  #QuickWrap { padding: 1.5rem 0; }
  #QuickWrap .quicktt { float: none; width: 100%; margin: 0 0 1rem; padding-right: 0; text-align: center; }
  #QuickWrap .quicktt .title { margin-bottom: 0.5rem; }
  #QuickWrap .list { float: none; width: 100%; } }

@media (max-width: 768px) { .visual .desc { font-size: 0.8rem; margin: 2rem 0 1.5rem; padding-left: 6.5rem; }
  .visual .desc::after { right: 1.5rem; height: 8rem; }
  .visual .desc .title { font-size: 2rem; }
  .visual .desc .label { width: 5rem; height: 5rem; padding-top: 1rem; }
  .visual .desc .label .txt { width: 4rem; margin-bottom: 1.5rem; }
  .visual .list { padding-right: 2.5rem; }
  .visual .list li { height: 15rem; }
  .visual .list .txt { width: 15rem; height: 2.5rem; margin: -0.75rem -6.2rem 0 0; letter-spacing: 0.15rem; line-height: 2.5rem; }
  .visual .menu { position: static; width: 100%; height: 3rem; padding-right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .visual .menu a { padding: 0 1rem; }
  .visual .menu a::after { margin-top: -3px; right: 0.5rem; }
  .latest { padding-top: 2rem; }
  .latest h3 a { height: 2rem; line-height: 1; }
  .latest .BoardWrap:nth-child(n+2) h3 a::before { top: 0.25rem; }
  .latest .bbs_more a { top: 0; }
  .latest .article a { margin: 1rem 0; }
  .banner { margin-bottom: 0.5rem; }
  .banner a { width: calc(50% - 0.25rem); padding: 1rem; }
  .banner a .txt { margin-bottom: 1rem; }
  .schedule { padding: 1rem; }
  .schedule .title { left: 1rem; width: 6rem; height: 6rem; padding-top: 1rem; }
  .schedule .title .more { margin-top: 0; }
  .schedule .list { padding-left: 7rem; }
  .PhotoWrap { padding: 1rem 0; }
  .PhotoWrap > .title { float: none; width: 100%; height: auto; margin-bottom: 1rem; padding: 1rem 1rem 3rem; }
  .PhotoWrap > .title::before { left: 0.5rem; top: 0.5rem; right: 0.5rem; bottom: 0.5rem; }
  .PhotoWrap .list { float: none; width: 100%; padding-left: 0; }
  .PhotoWrap .list .bx-controls-direction { left: 0; bottom: 100%; width: 100%; margin-bottom: 2rem; -webkit-transform: translateY(0); transform: translateY(0); }
  .PhotoWrap .list li a { height: 15rem; }
  .PhotoWrap .list li .title { margin: 0.5rem 0; }
  .PhotoWrap .list li .date { bottom: 0; }
  .PhotoWrap .more { display: block; position: relative; left: 0; bottom: 0; margin: 1rem auto 0; }
  .PhotoWrap .more::before { position: absolute; left: 50%; top: 50%; z-index: -1; width: 1000%; height: 1px; background-color: #ddd; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  #QuickWrap .list { display: block; overflow: hidden; width: 20rem; max-width: 100%; margin: 0 auto; }
  #QuickWrap .list li { float: left; width: 33.333%; }
  #QuickWrap .list li:nth-child(n + 4) { margin-top: 1rem; }
  #QuickWrap .list .icon { margin-bottom: 0.25rem; } }

@media (max-width: 530px) { .visual .desc { margin: 1.5rem 0 1rem; padding-left: 0; }
  .visual .desc::after { right: 0; height: 5rem; }
  .visual .desc .title { font-size: 1.75rem; margin-bottom: 1rem; padding-left: 5rem; }
  .visual .desc .title span { display: block; }
  .visual .desc .label { top: 0; width: 4rem; height: 4rem; padding-top: 0.65rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .visual .desc .label .txt { width: 3.4rem; margin: 0 0 1.2rem -1.8rem; }
  .visual .desc .label img { width: 2rem; }
  .visual .list { padding-right: 1rem; }
  .visual .list li { height: auto; }
  .visual .list li img { position: relative; left: -6rem; top: 0; max-width: inherit; height: 10rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .visual .list .txt { display: none; }
  .visual .menu { overflow: hidden; height: 2.5rem; }
  .visual .menu a { font-size: 0.8rem; padding: 0; white-space: nowrap; text-align: center; }
  .visual .menu a::after { display: none; }
  .latest h3 a { font-size: 0.9rem; width: 4.5rem; }
  .latest .BoardWrap:nth-child(2) h3 a { left: 4.5rem; }
  .latest .BoardWrap:nth-child(3) h3 a { left: 9rem; }
  .latest .article a { padding-right: 0; }
  .latest .article a::after { display: none; }
  .banner a .img { bottom: auto; top: 1rem; width: 2rem; }
  .schedule .title { position: static; margin: 0 auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .schedule .list { padding-left: 0; }
  #QuickWrap .list a { font-size: 0.8rem; }
  #QuickWrap .list a .icon { width: 4rem; height: 4.5rem; } }