@charset "UTF-8";
.contents_loding { width: 100%; height: 100vh; background: #fff; position: fixed; z-index: 10; }

/* ========== section1 ========== */
#visual .bx-wrapper .bx-loading { display: none; }

.bx-wrapper .bx-viewport { box-shadow: none !important; }

.section1 { position: relative; z-index: 0; overflow: hidden; height: 100vh; }

.section1 .bg { width: 100%; height: 100vh; }

.section1 [class^="list"] { background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }

.section1 [class^="list"]::after { content: ""; display: block; position: absolute; left: 0; top: 50px; z-index: 52; width: 0%; height: 1px; background-color: #e60012; }

.section1 [class^="list"].active::after { width: 100%; transition: all 3s linear; }

.section1 .txt-group { opacity: 0; position: absolute; left: 50%; top: 48%; z-index: 55; text-align: center; color: #fff; transform: translate(-50%, -50%); min-width: 43rem; }

.section1 .txt-group img { width: 18rem; }

.section1 .txt-group .title { font-size: 2.5rem; font-weight: 300; position: relative; bottom: 0; display: block; line-height: 2.8rem; transform: translateY(50px); transition: all .5s ease; text-shadow: 0.1rem 0.1rem 0.025rem rgba(0, 0, 0, 0.1); }

.section1 .txt-group .title span { font-size: 1.5rem; }

.section1 .txt-group .title span br { display: none; }

.section1 .txt-group .title strong { font-weight: 500; }

.section1 .scroll { opacity: 0; position: absolute; left: 50%; bottom: 2rem; z-index: 55; text-align: center; color: #fff; transform: translate(-50%, -50%); height: 2.5rem; font-size: .75rem; font-weight: 500; letter-spacing: 0; }

.section1 .scroll i { display: block; animation: down 1.5s ease infinite; margin-top: 0; }

@keyframes down { 0% { margin-top: 0px; }
  50% { margin-top: 5px; }
  100% { margin-top: 0px; } }

.section1.active .bg { transform: scale(1, 1); }

.section1.active .txt-group { opacity: 1; transition: all .5s ease; }

.section1.active .txt-group .title { transform: translateY(0px); }

.section1.active .scroll { opacity: 1; transition: all .5s .7s ease; }

.section1 .bx-wrapper .bx-viewport .list > li { height: 100vh; }

.section1 .bx-wrapper .bx-viewport .list > li img { max-width: inherit; min-width: 100%; min-height: 100%; position: relative; left: 50%; transform: translateX(-50%); }

.section1 .bx-wrapper .bx-viewport .list > li:before { content: ''; width: 100%; height: 100%; background: url(/home/img/main/pattern.png); display: block; position: absolute; left: 0; top: 0; z-index: 1; }

.section1 .bx-wrapper .bx-viewport .list > li #video { width: 140% !important; height: 200% !important; max-width: inherit; height: auto; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.section1:before { content: ''; width: 0px; height: 1px; background-color: transparent; opacity: 0; position: absolute; top: 2.5rem; left: 0; transition: all 0s; }

.section1.visual0:before { width: 100%; background-color: #9c1c2b; opacity: 1; transition: width 35s; transition-delay: 0s; z-index: 51; }

.section1.visual1:before, .section1.visual2:before, .section1.visual3:before { width: 0; transition: all 0s; }

.section1 .bx-controls { position: absolute; top: 70%; left: 50%; transform: translateX(-50%); z-index: 52; width: 9.15rem; opacity: 0; transition: opacity .3s ease; }

.section1.active .bx-controls { opacity: 1; transition: opacity .5s .3s ease; }

.section1 .bx-controls .bx-pager { display: none; }

.section1 .bx-controls .bx-controls-direction a { font-size: 0; width: 2rem; height: 2rem; display: block; position: absolute; top: 0; margin-top: 0; }

.section1 .bx-controls .bx-controls-direction a:focus { outline: 1px dotted #ccc; }

.section1 .bx-controls .bx-controls-direction a.bx-prev { background: url("/home/img/main/mv_prev.png") 0 0 no-repeat; left: 1rem; background-size: contain; }

.section1 .bx-controls .bx-controls-direction a.bx-next { background: url("/home/img/main/mv_next.png") 0 0 no-repeat; right: 1rem; background-size: contain; }

.section1 .bx-controls .bx-controls-auto { width: 2rem !important; height: 2rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.section1 .bx-controls .bx-controls-auto a { font-size: 0; display: block; height: 2rem; width: 2rem; margin: 0; }

.section1 .bx-controls .bx-controls-auto a:focus { outline: 1px dotted #ccc; }

.section1 .bx-wrapper .bx-pager .bx-pager-item, .section1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: block; }

.section1 .bx-wrapper .bx-controls-auto .bx-stop:hover, .section1 .bx-wrapper .bx-controls-auto .bx-stop.active, .section1 .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: 0 0; }

.section1 .bx-wrapper .bx-controls-auto .bx-start:hover, .section1 .bx-wrapper .bx-controls-auto .bx-start.active, .section1 .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: 0 0; }

.section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section1 .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}
.section1 .bx-controls .bx-controls-auto .bx-start { background: url("/home/img/main/mv_play.png") 0 0 no-repeat; background-size: contain; }

.section1 .bx-controls .bx-controls-auto .bx-stop { background: url("/home/img/main/mv_stop.png") 0 0 no-repeat; background-size: contain; }

.section1.active .visual-nav::after { transform: translate(-47%, -50%) scale(1); transition-delay: .5s; opacity: 1; }

.section1.active .visual-nav::before { transform: translateX(-47%) scale(1); opacity: 1; transition-delay: 1s; }

.section1 .visual-nav { position: relative; position: absolute; right: 0; top: calc(50% + 1.25rem); height: calc(100vh - 2.5rem); max-height: 28rem; transform: translate(55%, -50%); z-index: 52; transition: all 0.5s ease; }

.section1 .visual-nav .container { width: 49rem; }

.section1 .visual-nav::before { content: ""; display: block; border-radius: 50%; width: 34rem; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(0.5); transition: all 0.5s ease; opacity: 0; background-color: rgba(0, 0, 0, 0.4); }

.section1 .visual-nav::after { content: ""; display: block; border-radius: 50%; width: 18rem; height: 46vh; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%) scale(0.5); transition: all 0.5s ease; opacity: 0; background: #9c1c2b; background: linear-gradient(to bottom, #9c1c2b 0%, #db283d 100%, #db283d 101%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1c2b', endColorstr='#db283d',GradientType=0 ); max-height: 15rem; }

.section1 .visual-nav .depth1 { opacity: 0; position: absolute; right: 45.5%; top: 48%; z-index: 9; transform: translate(-120%, -50%); transition: all 0.3s ease; color: #fff; }

.section1 .visual-nav .depth1 > li ~ li { margin-top: 5px; }

.section1 .visual-nav .depth1 > li > a { opacity: 0.4; }

.section1 .visual-nav .depth1 > li > a img, .section1 .visual-nav .depth1 > li > a span { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: .75rem; }

.section1 .visual-nav .depth1 > li.active > a { opacity: 1; }

.section1 .visual-nav .depth1 > li > a > span::after { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; margin-left: 10px; }

.section1 .visual-nav .depth2 { opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s ease; }

.section1 .visual-nav .depth2 > li { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .15s ease; }

.section1 .visual-nav .depth2 > li > a { text-align: center; width: 6.25rem; display: block; font-size: .8rem; }

.section1 .visual-nav .depth2 > li > a > br { display: none; }

.section1 .visual-nav .depth2 > li > a > img { transform: perspective(1px) translateZ(0); }

.section1 .visual-nav .depth2 > li > a:hover { font-weight: 500; }

.section1 .visual-nav .depth2 > li > a:hover > img, .section1 .visual-nav .depth2 > li > a:focus > img { animation-name: hvr-pop; animation-duration: 0.3s; animation-timing-function: linear; }

@keyframes hvr-pop { 50% { transform: scale(1.2); } }

.section1 .visual-nav .depth2 > li > a img { display: block; margin: 0 auto; width: 2.5rem; height: 2.2rem; }

.section1 .visual-nav .active .depth2 { opacity: 1; visibility: visible; }

.section1 .visual-nav .active .depth2 li { opacity: 1; }

.section1 .visual-nav .active .depth2 li:nth-child(1) { left: -30px; top: -160px; transition-delay: .2s; }

.section1 .visual-nav .active .depth2 li:nth-child(2) { left: -100px; top: -100px; transition-delay: .4s; }

.section1 .visual-nav .active .depth2 li:nth-child(3) { left: -140px; top: 0px; transition-delay: .6s; }

.section1 .visual-nav .active .depth2 li:nth-child(4) { left: -100px; top: 100px;  transition-delay: .8s; }

.section1 .visual-nav .active .depth2 li:nth-child(5) { left: -30px; top: 180px; transition-delay: 1s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(1) { left: -10px; top: -175px; transition-delay: .2s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(2) { left: -90px; top: -130px; transition-delay: .4s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(3) { left: -130px; top: -40px; transition-delay: .6s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(4) { left: -130px; top: 40px; transition-delay: .8s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(5) { left: -90px; top: 130px; transition-delay: 1s; }

.section1 .visual-nav li:first-child.active .depth2 li:nth-child(6) { left: -10px; top: 175px; transition-delay: 1.2s; }

.start .section1 .visual-nav .depth1 { opacity: 1; transition-delay: 1s; }

.section1 > .container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.section1 .visual-nav .controls-direction { display: none; }

.section1 .visual-nav .controls-direction a { position: absolute; top: 9rem; color: #fff; z-index: 3; width: 1rem; height: 1rem; text-indent: -9999px; }

.section1 .visual-nav .controls-direction a:before { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: 1rem; text-align: center; color: #fff; position: absolute; left: 0; text-indent: 0; }

.section1 .visual-nav .controls-direction .prev { left: 42%; }

.section1 .visual-nav .controls-direction .prev:before { content: ''; }

.section1 .visual-nav .controls-direction .next { right: 42%; }

.section1 .visual-nav .controls-direction .next:before { content: ''; }

.section1 .popup-open { position: absolute; left: 0rem; top: calc(50% - 50px); z-index: 55; opacity: 0; transition: all .5s ease; border-radius: 50%; background: linear-gradient(to bottom, #9d1c2b 20%, #d8283c 100%); width: 5.4rem; height: 5.4rem; text-align: center; padding-top: 2.35rem; line-height: 1rem; color: #fff; font-size: .9rem; }

.section1 .popup-open:before { content: ''; font-size: .7rem; position: absolute; left: 50%; transform: translateX(-50%); top: 1.1rem; font-family: 'xeicon'; height: 1rem; width: 1rem; line-height: 1rem; }

.section1 .popup-open:hover:before { transform: rotate(180deg) translateX(-50%); transition: all .3s; left: calc(50% - 1rem); }

.section1 .popup-open.hide { display: none; }

.section1 .popup-open .popup-countW { font-size: .8rem; }

.section1 .popup-open .popup-countW .popup-count { color: #ffe138; font-weight: 400; }

.section1 .popup-open.inactive { opacity: 0; visibility: hidden; }

.section1 .popup-open.hide { display: none; }

.section1.active .popup-open { opacity: 1;transition-delay: .5s; }

.section2 { margin-top: 4rem; height: 33.5rem; }

.section2 h2 { font-family: 'Nanum Square'; font-size: 1.7rem; color: #222; text-align: center; font-weight: 900; }

.section2 .descT { font-size: .9rem; color: #888888; text-align: center; margin-bottom: 1rem; }

.section2 .news { position: relative; width: calc(50% - 2%); margin-right: 2%; height: 21.5rem; padding-top: 3.5rem; background-color: #fff; box-sizing: border-box; overflow: hidden; float: left; transform: translate3d(0, 2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section2 .news:before { content: ''; width: 100%; height: 2px; background-color: #000; top: 3.5rem; position: absolute; z-index: 1; }

.section2 .news h3 { position: absolute; top: 0; left: 0; width: 10%; z-index: 3; }

.section2 .news h3 a {width: 100%;height: 3.5rem;line-height: 3.5rem;color: #222;box-sizing: border-box;font-size: .9rem;display: block;text-align: center;font-weight: 300;white-space: nowrap;outline-offset: -1px;}

.section2 .news h3:before { content: ''; width: 0%; height: 10px; background-color: rgba(126, 113, 88, 0.3); bottom: 20px; z-index: -1; position: absolute; transition: all .25s ease-out; }

.section2 .news h3:hover:before,
.section2 .news h3:focus:before{ width: 100%; transition: all .25s ease-out; }

.section2 .news h3:nth-of-type(2) { left: 10%; }

.section2 .news h3:nth-of-type(3) { left: 20%; }

.section2 .news h3:nth-of-type(4) { left: 30%; }

.section2 .news h3:nth-of-type(5) { left: 40%; }

.section2 .news h3:nth-of-type(6) { left: 50%; width: 12%; }

.section2 .news h3:nth-of-type(7) { left: 62%; }

.section2 .news h3:nth-of-type(8) { left: 72%; width: 16%; }

.section2 .news h3.tab-active a { color: #333; font-weight: 500; padding-right: 10px; }

.section2 .news h3:nth-of-type(8) a {color: #9c1c2b; }

.section2 .news h3:nth-of-type(8).tab-active a { font-weight: 400;}

.section2 .news h3.tab-active:before { width: 100%; transition: all .25s ease-out; }

.section2 .news h3.tab-active:after { content: ''; font-family: 'xeicon'; font-size: .8rem; position: absolute; right: 0; width: 15px; height: 15px; top: 1.05rem; }

.section2 .news h3.tab-active + .contWrap { display: block; }

.section2 .news .contWrap { display: none; width: 100%; position: absolute; top: 0; height: 21.5rem; padding: 3.5rem 0rem 0rem; background: #fff; box-sizing: border-box; }

.section2 .news .contWrap li { font-size: .8rem; height: 2.5rem; line-height: 2.4rem; color: #444; width: 100%; display: inherit; position: relative; border-bottom: 1px solid #ddd; }

.section2 .news .contWrap li a {position: relative;display: block;outline-offset: -1px;}

.section2 .news .contWrap li a .date { float: right; color: #444; font-size: .75rem; font-weight: 700; font-family: 'Nanum Square'; }

.section2 .news .contWrap li a .divi { display: inline; float: left; width: 3rem; border: 1px solid #ddd; text-align: center; border-radius: 1rem; font-size: .75rem; height: 1.2rem; line-height: 1.15rem; margin-right: .5rem; margin-top: .7rem; }

.section2 .news .contWrap li a:hover .divi,
.section2 .news .contWrap li a:focus .divi{ border: 1px solid #9c1c2b; color: #9c1c2b; font-weight: 400; transition: all .2s ease; }

.section2 .news .contWrap li a .title { max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }

.section2 .news .contWrap li a:hover .title,
.section2 .news .contWrap li a:focus .title{ text-decoration: underline; }

.section2 .news .contWrap li a .new_icon { float: left; width: 1rem; height: 1rem; display: inline; line-height: 1.8rem; vertical-align: baseline; margin-left: 5px; margin-top: .7rem; }

.section2 .news .contWrap li a .desc { display: none; }

.section2 .news .contWrap li a:after { content: ''; display: block; clear: both; }

.section2 .news .contWrap .tabMore {position: absolute; right: 0; top: 0; height: 3.5rem; line-height: 3.5rem; font-weight: 900; color: #666; font-size: .7rem; letter-spacing: 0;padding-right: 20px;font-family: 'Nanum Square';outline-offset: -1px;}

.section2 .news .contWrap .tabMore:before { content: '+'; position: absolute; right: 0; width: 20px; height: 3.5rem; line-height: 3.5rem; font-weight: 900; color: #666; font-size: .7rem; text-align: center; }

.section2 .news .contWrap .tabMore:hover:before, 
.section2 .news .contWrap .tabMore:focus:before { transform: rotate(90deg); transition: all .2s; }

.section2 .newsP { width: calc(50% - 2%); margin-left: 2%; height: 21.5rem; float: left; position: relative; -transform: translate3d(0, 2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section2 .newsP h3 { color: #222; font-size: 1.1rem; line-height: 3.5rem; }

.section2 .newsP ul { width: calc(100% + 1rem); }

.section2 .newsP ul li {border: 1px solid #ddd; float: left; width: calc(50% - 1rem); margin-right: 1rem;/* padding-bottom: 1rem; */position: relative;/* overflow: hidden; */ transition: all .2s ease-out .1s; box-sizing: border-box;}

.section2 .newsP ul li a {display: block;overflow: hidden;}

.section2 .newsP ul li a img { height: 8.5rem; display: block; border-bottom: 1px solid #ddd; width: 100%; transition: all .2s ease-in; }

.section2 .newsP ul li a:hover img,
.section2 .newsP ul li a:focus img{ transform: scale(1.1); transition: all .2s ease-in; }

.section2 .newsP ul li a .date { padding: 1rem 1.5rem .3rem; color: #949494; font-size: .8rem; font-weight: 700; position: relative; }

.section2 .newsP ul li a .title { margin: 0 1.5rem .5rem; color: #000; font-size: 1rem; font-weight: 400; line-height: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.2rem; position: relative; }

.section2 .newsP ul li a .more {margin: 0 1.5rem;border-top: 1px solid #ccc;padding-top: .5rem;padding-bottom: 1rem;}

.section2 .newsP ul li:after { content: ''; font-family: 'xeicon'; height: 3rem; line-height: 3rem; bottom: 0; right: 1.5rem; color: #777; font-size: .7rem; position: absolute; }

.section2 .newsP ul li:hover,
.section2 .newsP ul li:focus{ border: 2px solid #9c1c2b; transition: all .3s ease-out .1s; box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.15); }

.section2 .newsP .newsP_More { position: absolute; right: 0; top: 0; height: 3.5rem; line-height: 3.5rem; font-weight: 900; color: #666; font-size: .7rem; letter-spacing: 0; padding-right: 20px; font-family: 'Nanum Square'; }

.section2 .newsP .newsP_More:before {content: '+';position: absolute;right: 0;width: auto;height: 3.5rem;line-height: 3.5rem;font-weight: 900;color: #666;font-size: .7rem;text-align: center;}

.section2 .newsP .newsP_More:hover:before, .section2 .newsP .newsP_More:focus:before { transform: rotate(90deg); transition: all .2s; }

.section2 .report { margin-top: 3rem; height: 4rem; width: 100%; clear: both; display: inline-block; transform: translate3d(0, 2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-delay: .6s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section2 .report:before { content: ''; width: 200%; height: 4rem; left: 50%; transform: translateX(-50%); background-color: #f9f9f9; position: absolute; z-index: -1; }

.section2 .report .send { height: 4rem; width: calc(50% - .5rem); float: left; margin-right: .5rem; position: relative; }

.section2 .report .send:before { content: ''; width: 1px; height: 2.1rem; background-color: #d8d8d8; right: -1rem; top: 1rem; position: absolute; }

.section2 .report .send h3.title { width: 12.5rem; padding-left: 2rem; background: url(/home/img/main/icon_01.png) no-repeat; background-position: 0px 1.6rem; letter-spacing: -0.04rem; float: left; font-size: 1.1rem; }

.section2 .report .send h3.title strong { font-weight: 700; }

.section2 .report .send h3.title span { font-weight: 900; font-size: 1.5rem; padding: 0 .4rem; line-height: 4rem; vertical-align: bottom; }

.section2 .report .send h3.title a { font-size: 1.1rem; font-weight: 400; color: #333; line-height: 4rem; }

.section2 .report .send h3.title a strong { font-weight: 700; }

.section2 .report .send h3.title a span { font-weight: 900; font-size: 1.5rem; padding: 0 .4rem; line-height: 4rem; vertical-align: bottom; }

.section2 .report .send h3.title a:hover span { transform: rotate(90deg); transition: all .2s; }

.section2 .report .send .bx-wrapper { width: calc(100% - 12.5rem); float: left; padding: 1.4rem 0; position: relative; height: 4rem; line-height: 1.2rem; }

.section2 .report .send .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section2 .report .send .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section2 .report .send .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section2 .report .send .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}

.section2 .report .funds { height: 4rem; width: calc(50% - 1.75rem); float: left; margin-left: 1.75rem; }

.section2 .report .funds h3.title { width: 12.5rem; padding-left: 2rem; background: url(/home/img/main/icon_02.png) no-repeat; background-position: 0px 1.6rem; letter-spacing: -0.04rem; float: left; font-size: 1.1rem; }

.section2 .report .funds h3.title strong { font-weight: 700; }

.section2 .report .funds h3.title span { font-weight: 900; font-size: 1.5rem; padding: 0 .4rem; line-height: 4rem; vertical-align: bottom; }

.section2 .report .funds h3.title a { font-size: 1.1rem; font-weight: 400; color: #333; line-height: 4rem; }

.section2 .report .funds h3.title a strong { font-weight: 700; }

.section2 .report .funds h3.title a span { font-weight: 900; font-size: 1.5rem; padding: 0 .4rem; line-height: 4rem; vertical-align: bottom; }

.section2 .report .funds h3.title a:hover span { transform: rotate(90deg); transition: all .2s; }

.section2 .report .funds .bx-wrapper { width: calc(100% - 12.5rem); float: left; padding: 1.4rem 0; position: relative; height: 4rem; line-height: 1.2rem; }

.section2 .report .funds .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section2 .report .funds .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section2 .report .funds .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section2 .report .funds .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}

.section2 .report .bx-wrapper .bx-viewport { box-shadow: none; }

.section2 .report .bx-wrapper .bx-viewport ul li { font-size: .9rem; font-weight: 400; height: 1.3rem; overflow: hidden; width: calc(100% - 4rem) !important; text-overflow: ellipsis; white-space: nowrap; }

.section2 .report .bx-wrapper .bx-controls { width: 3.75rem; height: 1.5rem; position: absolute; right: 0; top: 1.2rem; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a { width: 1.25rem; height: 1.5rem; line-height: 1.5rem; display: block !important; overflow: hidden; position: absolute; top: 0; margin: 0; background: none; text-indent: -9999px; z-index: 9999; text-align: center; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a:focus { outline: 1px dotted #333; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a:before { font-size: 1.15rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #333; content: ''; text-indent: 0; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: 0; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { right: 0; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before { content: ''; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-auto a { margin: 0; width: 1.25rem; height: 1.5rem; line-height: 1.5rem; display: block; background: none; overflow: hidden; position: absolute; left: 1.25rem; top: 0; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-auto a:focus { outline: 1px dotted #333; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-auto a:before { font-size: 1.15rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #333; content: '\ea3e'; text-indent: 0; }

.section2 .report .bx-wrapper .bx-controls .bx-controls-auto a.bx-stop:before { content: '\ea3b'; }

.section2.active .news, .section2.active .newsP, .section2.active .report { opacity: 1; transform: translateZ(0); }

.section3 { background: url(/home/img/main/service_bg.jpg) no-repeat center; padding: 3rem 0 8rem; background-size: cover; }

.section3 h2 { font-family: 'Nanum Square'; font-size: 1.7rem; color: #fff; text-align: center; font-weight: 900; }

.section3 .descT { font-size: .9rem; color: #fff; text-align: center; margin-bottom: 2rem; }

.section3 .ser1 { width: 43.2%; margin-right: 1rem; float: left; max-width: 570px; transform: translate3d(0, -2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section3 .ser1 .sch { background-color: #8f7d6a; color: #fff; padding: 1.5rem; height: 10.5rem; margin-bottom: 1rem; position: relative; }

.section3 .ser1 .sch h3 { font-size: 1.3rem; margin-bottom: .8rem; }

.section3 .ser1 .sch .sch_More { position: absolute; right: 1.5rem; top: 1rem; height: 2.5rem; line-height: 2.5rem; font-weight: 900; color: #fff; font-size: .7rem; letter-spacing: 0; padding-right: 20px; font-family: 'Nanum Square'; }

.section3 .ser1 .sch .sch_More:before { content: '+'; position: absolute; right: 0; width: 20px; height: 2.5rem; line-height: 2.5rem; font-weight: 900; color: #fff; font-size: .7rem; text-align: center; }

.section3 .ser1 .sch .sch_More:hover:before, .section3 .ser1 .sch .sch_More:focus:before { transform: rotate(90deg); transition: all .2s; }

.section3 .ser1 .sch .ym { font-family: 'Nanum Square'; width: 5.5rem; height: 5.5rem; border: 1px solid #ccc0b3; border-radius: 50%; position: absolute; top: 3.5rem; right: 1.5rem; font-size: .8rem; font-weight: 700; text-align: center; padding: 1.2rem; }

.section3 .ser1 .sch .ym span { font-size: 1.9rem; font-weight: 600; line-height: 1.8rem; display: block; }

.section3 .ser1 .sch .bx-wrapper { padding-left: 1.75rem; position: relative; }

.section3 .ser1 .sch .bx-wrapper ul li { line-height: 1.5rem; font-weight: 100; }

.section3 .ser1 .sch .bx-wrapper ul li span { font-weight: 300; margin-right: 1rem; width: 4.5rem; display: inline-block; float: left; }

.section3 .ser1 .sch .bx-wrapper ul li p { white-space: nowrap; text-overflow: ellipsis; width: 45%; float: left; overflow: hidden; }

.section3 .ser1 .sch .bx-wrapper ul li:after { content: ''; display: block; clear: both; }

.section3 .ser1 .sch .bx-wrapper .bx-controls { width: 1rem; height: 4.5rem; position: absolute; left: 0; top: 0; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-direction a { width: 100%; height: 1.5rem; line-height: 1.5rem; display: block !important; overflow: hidden; position: absolute; margin: 0; background: none; text-indent: -9999px; z-index: 9999; text-align: center; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-direction a:before { content: ''; font-size: .6rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; text-indent: 0; line-height: inherit; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { top: 0; left: 0; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { top: 3rem; left: 0; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before { content: ''; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto a { margin: 0; width: 1rem; height: 1.5rem; line-height: 1.5rem; display: block; background: none; overflow: hidden; position: absolute; left: 0; top: 1.5rem; }

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

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto a.bx-stop:before { content: '\ea3b'; }

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section3 .ser1 .sch .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}

.section3 .ser1 .bannerS .bx-viewport a { display: block; outline-offset: -2px;}

.section3 .ser1 .bannerS .bx-controls .bx-pager { position: absolute; bottom: 1rem; left: 3rem; }

.section3 .ser1 .bannerS .bx-controls .bx-pager a { width: 7px; height: 7px; background-color: rgba(0, 0, 0, 0.4); margin: 0 7px; }

.section3 .ser1 .bannerS .bx-controls .bx-pager li a:focus{outline-offset: -1px;}

.section3 .ser1 .bannerS .bx-controls .bx-pager a.active { background-color: #fff; }

.section3 .ser1 .bannerS .bx-controls .bx-controls-direction { display: none; }

.section3 .ser1 .bannerS .bx-controls .bx-controls-auto { position: absolute; left: 1.5rem; bottom: 1.4rem; width: 1rem; height: 1rem; border: 1px solid rgba(255, 255, 255, 0.25); }

.section3 .ser1 .bannerS .bx-controls .bx-controls-auto a { margin: 0; width: .9rem; height: .9rem; line-height: .9rem; display: block; background: none; overflow: hidden; position: absolute; left: 0; top: 0; text-align: center; }


.section3 .ser1 .bannerS .bx-controls .bx-controls-auto a:before { font-size: .7rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: '\ea3e'; text-indent: 0; }

.section3 .ser1 .bannerS .bx-controls .bx-controls-auto a.bx-stop:before { content: '\ea3b'; }

.section3 .ser1 .bannerS .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section3 .ser1 .bannerS .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section3 .ser1 .bannerS .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section3 .ser1 .bannerS .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}

.section3 .ser2 { width: 22%; margin-right: 1rem; float: left; transform: translate3d(0, 2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section3 .ser2 .link { width: 100%; height: 10.5rem; background-color: #fff; padding: 1.5rem 1.5rem 0; text-align: left; position: relative; overflow: hidden; }

.section3 .ser2 .link:before { content: ''; width: 28rem; height: 10rem; transform: rotate(-16deg); background-color: #dae3ef; position: absolute; bottom: -7.5rem; left: -2rem; }

.section3 .ser2 .link.link2:before { background-color: #f0ebe6; }

.section3 .ser2 .link.link1:after { content: ''; width: 5.45rem; height: 8.55rem; position: absolute; bottom: -3rem; left: 80%; transform: translateX(-50%); background: url(/home/img/main/live2.png) no-repeat; background-size: contain; }

.section3 .ser2 .link.link2:after { content: ''; width: 6rem; height: 4.55rem; position: absolute; bottom: 1.5rem; left: 75%; transform: translateX(-50%); background: url(/home/img/main/why.png) no-repeat; background-size: contain; }

.section3 .ser2 .link p.live1 { font-size: .8rem; font-weight: 500; color: #2e2e2e; line-height: 1rem; padding-bottom: .5rem; }

.section3 .ser2 .link p.live2 { font-size: 1.2rem; font-weight: 800; color: #9c1c2b; font-family: 'Nanum Square'; line-height: 1.2rem; }

.section3 .ser2 .link p.live3 { font-size: 1.8rem; font-weight: 800; color: #9c1c2b; font-family: 'Nanum Square'; line-height: 2rem; }

.section3 .ser2 .link p.more { font-size: .75rem; font-weight: 500; color: #575757; border: 1px solid #ddd; padding: .2rem .5rem; margin-top: .8rem; width: 5rem; transition: all .2s; text-align: center; }

.section3 .ser2 .link p.more a { display: block; width: 100%; }

.section3 .ser2 .link p.more:hover { background-color: #000; width: 5.5rem; transition: all .2s; color: #fff; }

.section3 .ser2 .link.link1 { margin-bottom: 1rem; }

.section3 .ser3 { width: calc(34.8% - 2rem); height: 22rem; float: left; padding: 1.8rem 1.5rem 1.5rem; background: url(/home/img/main/ql_bg.jpg) no-repeat; color: #fff; background-size: cover; transform: translate3d(0, -2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section3 .ser3 h3 { text-align: center; font-size: 1.3rem; line-height: 2rem; padding-bottom: .5rem; }

.section3 .ser3 ul li {
	float: left;
    display: flex;
    align-items: center;
	width: 50%;
	padding: 0.45rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
.section3 .ser3 ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 18px;
	padding-left: 2rem;
	line-height: 18px;
	font-weight: 100;
	overflow: hidden;
}

.section3 .ser3 ul li a:before { content: ''; width: 21px; height: 36px; position: absolute; left: 2px; top: 0px; background: url(/home/img/main/ql_icon.png) no-repeat; }

.section3 .ser3 ul li a:hover { font-weight: 300; }

.section3 .ser3 ul li a:hover:before { top: -18px; transition: all .2s linear; }

.section3 .ser3 ul li.quick-link01 a:before { background-position: 0 0; }

.section3 .ser3 ul li.quick-link02 a:before { background-position: 0 -36px; }

.section3 .ser3 ul li.quick-link03 a:before { background-position: 0 -72px; }

.section3 .ser3 ul li.quick-link04 a:before { background-position: 0 -108px; }

.section3 .ser3 ul li.quick-link05 a:before { background-position: 0 -144px; }

.section3 .ser3 ul li.quick-link06 a:before { background-position: 0 -180px; }

.section3 .ser3 ul li.quick-link07 a:before { background-position: 0 -216px; }

.section3 .ser3 ul li.quick-link08 a:before { background-position: 0 -252px; }

.section3 .ser3 ul li.quick-link09 a:before { background-position: 0 -288px; }

.section3 .ser3 ul li.quick-link10 a:before { background-position: 0 -324px; }

.section3 .ser3 ul li.quick-link11 a:before { background-position: 0 -360px; }

.section3 .ser3 ul li.quick-link12 a:before { background-position: 0 -396px; }

.section3 .ser3 ul li.quick-link13 a:before { background-position: 0 -432px; }

.section3 .ser3 ul li.quick-link14 a:before { background-position: 0 -468px; }

.section3 .ser3 ul li.quick-link15 a:before { background-position: 0 -504px; }

.section3 .ser3 ul li.quick-link16 a:before { background-position: 0 -540px; }

.section3 .ser3 ul li.quick-link17 a:before { background-position: 0 -577px; }

.section3 .ser3 ul:after { content: ''; display: block; clear: both; }

.section3 .ser4 { overflow: hidden; width: 100%; clear: both; margin-top: 1rem; height: 4rem; padding: 0 5rem; background-color: rgba(53, 53, 65, 0.9); display: inline-block; transform: translate3d(0, 2.5rem, 0); opacity: 0; transition-property: opacity,transform; transition-duration: .4s; transition-delay: .6s; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.section3 .ser4 ul li { float: left; width: 20%; display:flex; align-items:center; height:4rem; padding-left: 3rem; color: #fff; position: relative; white-space: nowrap; }

.section3 .ser4 ul li:before { content: ''; width: 2.3rem; height: 2.3rem; border-radius: 50%; background-color: #313039; position: absolute; left: 0; top: .85rem; }

.section3 .ser4 ul li:after { content: ''; width: 1.65rem; height: 1.75rem; position: absolute; left: .35rem; top: 1.1rem; background-image: url(/home/img/main/qm_icon.png); background-size: cover; }

.section3 .ser4 ul li.icon1::after { background-position-x: 0; background-position-y: calc(-1.75rem * 0); }

.section3 .ser4 ul li.icon2::after { background-position-x: 0; background-position-y: calc(-1.75rem * 1); }

.section3 .ser4 ul li.icon3::after { background-position-x: 0; background-position-y: calc(-1.75rem * 2); }

.section3 .ser4 ul li.icon4::after { background-position-x: 0; background-position-y: calc(-1.75rem * 3); }

.section3 .ser4 ul li.icon5::after { background-position-x: 0; background-position-y: calc(-1.75rem * 4); }

.section3 .ser4 ul li.icon6::after { background-position-x: 0; background-position-y: calc(-1.75rem * 5); }

.section3 .ser4 ul li.icon7::after { background-position-x: 0; background-position-y: calc(-1.75rem * 6); }

.section3 .ser4 ul li.icon8::after { background-position-x: 0; background-position-y: calc(-1.75rem * 7); }

.section3 .ser4 ul li.icon9::after { background-position-x: 0; background-position-y: calc(-1.75rem * 8); }

.section3 .ser4 ul li.icon10::after { background-position-x: 0; background-position-y: calc(-1.75rem * 9); }

.section3 .ser4 ul li.icon11::after { background-position-x: 0; background-position-y: calc(-1.75rem * 10); }

.section3 .ser4 ul li.icon12::after { background-position-x: 0; background-position-y: calc(-1.75rem * 11); }

.section3 .ser4 ul li:hover:after { transform: rotateY(180deg); transition: all .3s ease-in; }

.section3 .ser4 .bx-wrapper { position: static; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a { overflow: hidden; background: none; line-height: 32px; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; font-size: 1rem; color: #fff; content: ''; text-indent: 0; opacity: 0.5; transition: all 0.2s; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a.bx-prev { left: 1.5rem; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a.bx-next { right: 1.5rem; text-align: right; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }

.section3 .ser4 .bx-wrapper .bx-controls-direction a:hover::before, .section3 .ser4 .bx-wrapper .bx-controls-direction a:focus::before { opacity: 1; }

.section3.active .ser1, .section3.active .ser2, .section3.active .ser3, .section3.active .ser4 { opacity: 1; transform: translateZ(0); }

.section4 { background-color: #918484; padding: 0 0 3.4rem 0; position: relative; }

.section4 .mask-h { position: absolute; z-index: 53; top: 0; width: 50%; background-color: #fff; height: 100%; transition: all 1s ease; }

.section4 .mask-h.left { left: 0; }

.section4 .mask-h.right { right: 0; }

.section4.active .mask-h { width: 0; }

.section4.active .tag { transform: translateY(-3.45rem); transition: all .3s ease .7s; }

.section4.active .tag ul li { opacity: 1; }

.section4 .tag { height: 3.5rem; width: 52rem; max-width: calc(100% - 6rem); text-align: center; background-color: #918484; margin-left: auto !important; margin-right: auto !important; border-top-right-radius: 3rem; border-top-left-radius: 3rem; transform: translateY(0); padding: .5rem 5% 0; }

.section4 .tag h2 { font-family: 'Nanum Square'; font-size: 1.7rem; color: #fff; text-align: center; font-weight: 900; display: inline-block; margin: 30px auto 0; width: 100%; position: relative; }

.section4 .tag h2:before { content: ''; width: 15%; height: 1px; position: absolute; left: 23%; background-color: #ada4a4; top: 48%; }

.section4 .tag h2:after { content: ''; width: 15%; height: 1px; position: absolute; right: 23%; background-color: #ada4a4; top: 48%; }

.section4 .container2 { position: relative; opacity: 0; }

.section4 .container2 .list .bx-wrapper .bx-viewport a { position: relative; display: block; overflow: hidden; }

.section4 .container2 .list .bx-wrapper .bx-viewport a:before { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0; }

.section4 .container2 .list .bx-wrapper .bx-viewport a:hover:before, .section4 .container2 .list .bx-wrapper .bx-viewport a:focus:before { opacity: 0.3; }

.section4 .container2 .list .bx-wrapper .bx-viewport a img { height: 14rem; width: 100%; }

.section4 .container2 .list .bx-wrapper .bx-viewport a:hover img, .section4 .container2 .list .bx-wrapper .bx-viewport a:focus img { transform: scale(1.2); transition: all 0.2s; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-pager { color: #fff; position: absolute; top: -5.3rem; left: 12.1rem; font-family: 'Nanum Square'; font-weight: 700; font-size: .9rem; padding-top: 1rem; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a { top: -4.2rem; width: 1rem; height: 1rem; line-height: 1rem; display: block !important; overflow: hidden; position: absolute; margin: 0; background: none; text-indent: -9999px; z-index: 0; text-align: center; opacity: 1; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a:focus { outline: 1px dotted #ccc; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: 12.5rem; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { left: 15rem; }

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

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

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto { position: absolute; left: 13.7rem; top: -4.2rem; width: 1rem; height: 1rem; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto a { margin: 0; width: 1rem; height: 1rem; line-height: 1rem; display: block; background: none; overflow: hidden; position: absolute; left: 0; top: 0; text-align: center; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto a:focus { outline: 1px dotted #ccc; }

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

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto a.bx-stop:before { content: '\ea3b'; }

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto .bx-start, 
.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto .bx-stop{
	display: none;	
}

.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto .bx-start.active, 
.section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto .bx-stop.active{
	display: block;
}

.section4 .container2 .btns { position: absolute; right: 10rem; top: -4.7rem; }

.section4 .container2 .btns a { display: inline-block; overflow: hidden; position: relative; width: 2rem; height: 2rem; margin-left: 0.25rem; border-radius: 100%; text-align: center; line-height: 2rem; vertical-align: top; }

.section4 .container2 .btns a::before { font-size: 1rem; display: block; width: 100%; height: 100%; border-radius: 100%; font-family: 'xeicon'; color: #fff; content: ''; }

.section4 .container2 .btns a.facebook::before { background-color: #445d99; content: ''; }

.section4 .container2 .btns a.blog::before { background: url("/home/img/layout/sns_blog.png") no-repeat center center #31b24a; background-size: auto 50%; }

.section4 .container2 .btns a.instagram::before { font-size: 1.25rem; background: linear-gradient(to bottom, #7353a3, #ed2c7f, #f1af42); content: ''; line-height: 2.1rem; }

.section4 .container2 .btns a.youtobe::before { font-size: 1.25rem; background-color: #f00; content: ''; line-height: 2.1rem; }

.section4 .container2 .btns a:hover:before { transition: all .5s; animation-name: hvr-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }

.section4 .container2 .slide-counter { position: absolute; top: -4.35rem; left: 10rem; color: #fff; font-size: .8rem; font-weight: 400; width: 2.5rem; text-align: center; }

.section4.active .container2 { opacity: 1; transition: all .2s .8s; }

.section5 { padding: 3rem 0 .5rem; }

.section5 h2 { font-family: 'Nanum Square'; font-size: 1.7rem; color: #222; text-align: center; font-weight: 900; }

.section5 .descT { font-size: .9rem; color: #888; text-align: center; margin-bottom: 2rem; }

.section5 .descT br { display: none; }

.section5 .majorWrap {width: 33%;height: 32.5rem;margin-right: .6rem;background-color: #d7caca;padding: 1.5rem 0;float: left;}

.section5 .majorWrap .major > li { position: relative; padding: 0 2rem; }

.section5 .majorWrap .major > li p.title { text-align: center; font-size: 1.2rem; color: #222; font-weight: 700; }

.section5 .majorWrap .major > li img {max-width:94%; margin: .5rem auto;}

.section5 .majorWrap .major > li .majorL { width: calc(100% + 1px); height: 9.5rem; }

.section5 .majorWrap .major > li .majorL li {width: 50%;float: left;height: 2rem;line-height: 2rem;text-align: center;border: 1px solid #c2b6b6; box-sizing: border-box;margin-right: -1px;margin-bottom: -1px;color: #222;font-size: .7rem;font-weight: 400;}

.section5 .majorWrap .major > li .majorL li a { display: block; width: 100%; letter-spacing: -1px;}

.section5 .majorWrap .major > li .majorL li:hover { border: 1px solid #9c1c2b; font-weight: 500; color: #fff; background-color: #9c1c2b; height: calc(2rem - 1px); box-sizing: border-box; margin-bottom: 0px; width: calc(50% - 0px); }

.section5 .majorWrap .bx-controls { position: relative; }

.section5 .majorWrap .bx-controls .bx-pager {padding-top: .5rem;color: #333;font-size: .9rem;font-family: 'Nanum Square';}

.section5 .majorWrap .bx-controls .bx-controls-direction a { top: .7rem; width: 1rem; height: 1rem; line-height: 1rem; display: block !important; overflow: hidden; position: absolute; margin: 0; background: none; text-indent: -9999px; z-index: 0; text-align: center; }

.section5 .majorWrap .bx-controls .bx-controls-direction a:focus { outline: 1px dotted #333; }

.section5 .majorWrap .bx-controls .bx-controls-direction a.bx-prev { left: 35%; }

.section5 .majorWrap .bx-controls .bx-controls-direction a.bx-next { right: 35%; }

.section5 .majorWrap .bx-controls .bx-controls-direction a:before { content: ''; font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #3b3b3b; text-indent: 0; line-height: inherit; }

.section5 .majorWrap .bx-controls .bx-controls-direction a.bx-next:before { content: ''; }

.section5 .media { width: calc(67% - .6rem); float: left; }

.section5 .media .youtube { width: 100%; height: 24.5rem; margin-bottom: .6rem; background-color: #ccc; }

.section5 .media .snsJBU { width: 100%; height: 7.4rem; }

.section5 .media .snsJBU ul { width: calc(100% + .5rem); }

.section5 .media .snsJBU ul li { width: calc(50% - .5rem); height: 7.4rem; margin-right: .5rem; float: left; background-color: #6f6f6f; color: #fff; padding: 1.75rem 2rem 1rem 5.25rem; position: relative; }

.section5 .media .snsJBU ul li a { display: block; }

.section5 .media .snsJBU ul li.insta { background: linear-gradient(76deg, #5f58b8 8%, #9d33a7 25%, #e0288d 50%, #f47d70 75%, #f9c05d 90%); }

.section5 .media .snsJBU ul li:before { content: ''; width: 2.1rem; height: 2.1rem; position: absolute; top: 2.5rem; left: 1.75rem; }

.section5 .media .snsJBU ul li.insta:before { background: url(/home/img/main/logo_insta.png) no-repeat; background-size: cover; }

.section5 .media .snsJBU ul li.facebook:before { background: url(/home/img/main/logo_face.png) no-repeat; background-size: cover; }

.section5 .media .snsJBU ul li.blog:before { background: url(/home/img/main/logo_blog.png) no-repeat; background-size: cover; }

.section5 .media .snsJBU ul li p.cont { font-size: .8rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.5rem; margin-bottom: .4rem; }

.section5 .media .snsJBU ul li p.date { font-size: .75rem; color: rgba(255, 255, 255, 0.8); font-weight: 100; }

@media (max-width: 1600px) { .section1 .txt-group { min-width: 38rem; } }

@media (max-width: 1400px) { .section1 .txt-group { min-width: auto; }
  .section4 .tag h2:before { width: 10%; left: 30%; }
  .section4 .tag h2:after { width: 10%; right: 30%; }
  .section4 .container2 .btns { right: 8rem; }
  .section4 .container2 .slide-counter { left: 9.3rem; } }

@media (max-width: 1300px) { .section1 .bx-wrapper .bx-viewport .list > li #video { width: 160% !important; }
  .section1 .txt-group { min-width: auto; }
  .section1 .txt-group .title { font-size: 2rem; }
  .section1 .txt-group .title span br { display: block; }
  .section3 .ser2 .link { padding: 1.2rem 1rem 0; }
  .section3 .ser2 .link.link1:after { width: 3.45rem; bottom: -4rem; }
  .section3 .ser2 .link.link2:after { width: 4rem; bottom: 0.5rem; }
  .section4 .tag { width: calc(100% - 4rem); max-width: calc(100% - 4rem); }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: 6rem; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { left: 9rem; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto { left: 7.5rem; }
  .section4 .container2 .slide-counter { left: 3rem; }
  .section4 .container2 .btns { right: 3rem; } }

@media (max-width: 1200px) { .section1 { height: 38rem; }
  .section1.visual0:before { top: 0; height: 2px; }
  .section1 .bx-wrapper { height: 100%; }
  .section1 .bx-wrapper .bx-viewport .list > li #video { width: 200% !important; }
  .section1 .txt-group { top: 32%; min-width: 38rem; }
  .section1 .txt-group .title { font-size: 3rem; }
  .section1 .txt-group .title span { font-size: 1.7rem; }
  .section1 .txt-group .title span br { display: none; }
  .section1 .scroll { display: none; }
  .section1 .bx-controls { top: 18.5rem; }
  .section1.active .visual-nav { top: 22rem; right: 50%; transform: translate(50%, 0); height: 40rem; max-height: 40rem; }
  .section1.active .visual-nav::before { width: 100%; transform: translateX(-50%) scale(1); }
  .section1.active .visual-nav::after { width: 27rem; height: 24rem; top: 54%; left: 50%; transform: translate(-50%, -50%) scale(1); }
  .section1.active .visual-nav .depth1 { right: 50%; top: 10.6rem; transform: translate(50%, 0%); }
  .section1.active .visual-nav .depth1 > li ~ li { margin-top: 5px; }
  .section1 .visual-nav::after { max-height: 24rem; }
  .section1 .visual-nav .depth1 > li > a img, .section1 .visual-nav .depth1 > li > a span { margin-right: 10px; margin-left: 0; }
  .section1 .visual-nav .active .depth2 li:nth-child(1) { left: -260px; top: -50px; transition-delay: .2s; }
  .section1 .visual-nav .active .depth2 li:nth-child(2) { left: -140px; top: -125px; transition-delay: .4s; }
  .section1 .visual-nav .active .depth2 li:nth-child(3) { left: -50%; top: -180px; transform: translateX(-50%); transition-delay: .6s; }
  .section1 .visual-nav .active .depth2 li:nth-child(4) { left: 140px; top: -125px; transition-delay: .8s; }
  .section1 .visual-nav .active .depth2 li:nth-child(5) { left: 260px; top: -50px; transition-delay: 1s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(1) { left: -300px; top: -10px; transition-delay: .2s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(2) { left: -210px; top: -90px; transition-delay: .4s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(3) { left: -130px; top: -180px; transform: translate(0); transition-delay: .6s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(4) { left: 20px; top: -180px; transform: translate(0); transition-delay: .8s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(5) { left: 210px; top: -90px; transition-delay: 1s; }
  .section1 .visual-nav li:first-child.active .depth2 li:nth-child(6) { left: 300px; top: -10px; transition-delay: 1.2s; }
  .section1.active .popup-open { display: none; }
  .section2 .news h3 { position: absolute; top: 0; left: 0; width: 10%; z-index: 3; }
  .section2 .news h3:nth-of-type(2) { left: 10%; }
  .section2 .news h3:nth-of-type(3) { left: 20%; }
  .section2 .news h3:nth-of-type(4) { left: 30%; }
  .section2 .news h3:nth-of-type(5) { left: 40%; }
  .section2 .news h3:nth-of-type(6) { left: 50%; }
  .section2 .news h3:nth-of-type(7) { left: 62%; }
  .section2 .news h3.tab-active a { padding-right: 0; }
  .section2 .news h3.tab-active:after { display: none; }
  .section3 .ser1 .sch .ym { display: none; }
  .section3 .ser1 .sch .bx-wrapper ul li p { width: 60%; }
  .section5 .majorWrap { width: 37%; }
  .section5 .majorWrap .major > li { padding: 0 1.5rem; }
  .section5 .majorWrap .major > li img { max-width: 75%; }
  .section5 .media { width: calc(63% - .6rem); }
  .section5 .media .snsJBU ul li { padding: 1.75rem 2rem 1rem 4.25rem; }
  .section5 .media .snsJBU ul li:before { left: 1.2rem; } }

@media (max-width: 1024px) { .section1 .bx-wrapper .bx-viewport .list > li #video { width: 240% !important; }
  .section2 { height: auto; }
  .section2 .news { width: 100%; margin-right: 0; margin-bottom: 1rem; }
  .section2 .newsP { width: 100%; margin-left: 0; }
  .section2 .report { height: auto; }
  .section2 .report:before { height: 8rem; }
  .section2 .report .send { width: 100%; margin-right: 0; }
  .section2 .report .send:before { width: 100%; height: 1px; right: 0; top: 4rem; }
  .section2 .report .funds { width: 100%; margin-left: 0; }
  .section3 { padding: 3rem 0 6rem; }
  .section3 .ser1 { width: 55%; }
  .section3 .ser2 { margin-right: 0; width: calc(45% - 1rem); }
  .section3 .ser2 .link { padding: 1.5rem 1.5rem 0; }
  .section3 .ser2 .link.link1:after { width: 5.45rem; bottom: -3rem; }
  .section3 .ser2 .link.link2:after { width: 6rem; bottom: 1.5rem; }
  .section3 .ser3 { width: 100%; margin-top: 1rem; }
  .section3 .ser4 { padding: 0 3rem; }
  .section3 .ser4 .bx-wrapper .bx-controls-direction a.bx-prev { left: 1rem; }
  .section3 .ser4 .bx-wrapper .bx-controls-direction a.bx-next { right: 1rem; }
  .section4 .tag { max-width: calc(100% - 4rem); width: calc(100% - 4rem); height: 3rem; }
  .section4 .tag h2 { margin-top: .8rem; }
  .section4 .tag ul li { margin: 0 .5rem; }
  .section4 h2:before { display: none; }
  .section4 h2:after { display: none; }
  .section4.active .tag { transform: translateY(-3rem); }
  .section4 .slideP li img { width: 14rem; height: 14rem; }
  .section5 .majorWrap { width: 100%; margin-right: 0; margin-bottom: 1rem; height: 28.5rem; }
  .section5 .majorWrap .major > li img { width: 10rem; }
  .section5 .media { width: 100%; } }

@media (max-width: 784px) { .section4 h2:before { display: none; }
  .section4 h2:after { display: none; } }

@media (max-width: 768px) { .section1 { height: 32rem; }
  .section1 .bx-wrapper .bx-viewport .list > li #video { width: 380% !important; height: 100% !important; }
  .section1 .txt-group { top: 30%; }
  .section1 .txt-group img { width: 13rem; }
  .section1 .txt-group .title { font-size: 1.5rem; line-height: 1.8rem; }
  .section1 .txt-group .title span { font-size: 1.2rem; }
  .section1 .txt-group .title span br { display: block; }
  .section1 .bx-controls { top: 15.5rem; }
  .section1.active .visual-nav { top: 20rem; }
  .section1.active .visual-nav::before { width: 40rem; }
  .section1.active .visual-nav::after { top: 45%; width: 20rem; height: 22rem; }
  .section1.active .visual-nav .depth1 { top: 9rem; }
  .section1.active .visual-nav .depth1 > li { display: none; }
  .section1.active .visual-nav .depth1 > li.active { display: block; }
  .section1.active .visual-nav .depth1 > li ~ li { margin-top: 0; }
  .section1 .visual-nav .depth1 > li > a > span::after { display: none; }
  .section1 .visual-nav .depth1 > li > a span { margin-right: 0; }
  .section1 .visual-nav .depth2 > li > a img { width: 2rem; height: 1.5rem; }
  .section1 .visual-nav .depth1 li .depth2 > li { left: 50% !important; top: 50% !important; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(1) { left: -200px !important; top: -10px !important; transition-delay: .2s; transition: all .2s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(2) { left: -140px !important; top: -60px !important; transition-delay: .4s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(3) { left: -100px !important; top: -120px !important; transform: translate(0); transition-delay: .6s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(4) { left: 0px !important; top: -120px !important; transform: translate(0); transition-delay: .8s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(5) { left: 140px !important; top: -60px !important; transition-delay: 1s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(6) { left: 200px !important; top: -10px !important; transition-delay: 1.2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(1), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(1) { left: -160px !important; top: -40px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(2), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(2) { left: -85px !important; top: -80px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(3), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(3) { left: 0px !important; top: -120px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(4), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(4) { left: 85px !important; top: -80px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(5), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(5) { left: 160px !important; top: -40px !important; transition-delay: .2s; }
  .section1 .visual-nav .controls-direction { display: block; }
  .section2 { margin-top: 2.5rem; }
  .section2 .news h3 { width: 10%; }
  .section2 .news h3.tab-active a { font-size: .9rem; padding-right: 0; }
  .section2 .news h3.tab-active:after { display: none; }
  .section2 .news .contWrap li a .title { max-width: 52%; }
  .section2 .newsP ul li:before { left: 1rem; }
  .section2 .newsP ul li a .date { padding: 1rem 1rem .3rem; font-weight: 400; }
  .section2 .newsP ul li a .date:before { width: calc(100% - 2rem); }
  .section2 .newsP ul li a .title { margin: 0 1rem .5rem; }
  .section2 .report div h3.title { background-size: 1rem !important; padding-left: 1.3rem !important; width: 10.5rem !important; font-size: 1rem !important; }
  .section2 .report div .bx-wrapper { width: calc(100% - 10.5rem) !important; }
  .section3 .ser1 { width: 100%; margin-right: 0; max-width: 100%; }
  .section3 .ser1 .bannerS { margin-bottom: 1rem; }
  .section3 .ser1 .bannerS .bx-wrapper img { width: 100%; }
  .section3 .ser1 .bannerS .bx-wrapper .bx-controls .bx-pager a { margin: 0 5px; }
  .section3 .ser2 { width: 100%; height: auto; }
  .section3 .ser2 .link { width: calc(50% - .5rem); float: left; }
  .section3 .ser2 .link.link1 { margin-right: 1rem; margin-bottom: 0; }
  .section3 .ser2:before { width: 50rem; height: 12.5rem; }
  .section4 .tag { overflow: hidden; max-width: calc(100% - 2rem); width: 100%; border-top-right-radius: 1.5rem; border-top-left-radius: 1.5rem; height: 2.5rem; }
  .section4.active .tag { transform: translateY(-2.5rem); overflow: inherit; }
  .section4 .tag h2 { margin-top: .5rem; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-pager { display: none; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { top: -3rem; right: 5rem; left: inherit; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { top: -3rem; right: 2rem; left: inherit; }
  .section4 .container2 .list .bx-wrapper .bx-controls .bx-controls-auto { top: -3rem; right: 3.5rem; left: inherit; }
  .section4 .container2 .slide-counter { top: -3rem; left: 2rem; }
  .section4 .tag ul li { margin: 0 .3rem; line-height: 2rem; }
  .section4 .tag ul li:first-child { font-size: .9rem; }
  .section4 .container2 .btns { display: none; }
  .section4 p.descT { margin-bottom: 2rem; }
  .section4 .slideP li img { width: 10rem; height: 9.5rem; }
  .section5 .media .youtube { height: 15.5rem; }
  .section5 .media .snsJBU ul { width: 100%; }
  .section5 .media .snsJBU ul li { width: 100%; margin-bottom: .5rem; } }

@media (max-width: 499px) { .section1 { height: 27.5rem; }
  .section1 .bx-wrapper .bx-viewport .list > li video { width: 250% !important; }
  .section1.active .visual-nav { top: 17rem; }
  .section1.active .visual-nav::before { width: 32rem; }
  .section1 .visual-nav .depth2 > li > a { width: 3.8rem; }
  .section1 [class^="list"] { height: 28rem; }
  .section1 .bx-wrapper .bx-viewport .list > li { height: 28rem; }
  .section1 .bx-wrapper .bx-viewport .list > li img { min-height: 28rem; max-height: 28rem; }
  .section1 .txt-group { top: 30%; }
  .section1 .txt-group img { width: 13rem; }
  .section1 .txt-group .title { font-size: 1.5rem; line-height: 1.8rem; }
  .section1 .txt-group .title span { font-size: 1.2rem; }
  .section1 .txt-group .title span br { display: block; }
  .section1 .bx-controls { top: 50%; }
  .section1.active .visual-nav::after { top: 42%; width: 15rem; height: 22rem; }
  .section1.active .visual-nav .depth1 { top: 8rem; }
  .section1.active .visual-nav .depth1 > li { display: none; }
  .section1.active .visual-nav .depth1 > li.active { display: block; }
  .section1.active .visual-nav .depth1 > li ~ li { margin-top: 0; }
  .section1 .visual-nav .depth1 > li > a > span::after { display: none; }
  .section1 .visual-nav .depth1 > li > a span { margin-right: 0; }
  .section1 .visual-nav .depth2 > li > a img { width: 2rem; height: 1.5rem; }
  .section1 .visual-nav .depth1 li .depth2 > li { left: 50% !important; top: 50% !important; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(1) { left: -120px !important; top: -20px !important; transition-delay: .2s; transition: all .2s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(2) { left: -90px !important; top: -70px !important; transition-delay: .4s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(3) { left: -60px !important; top: -117px !important; transform: translate(0); transition-delay: .6s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(4) { left: 5px !important; top: -117px !important; transform: translate(0); transition-delay: .8s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(5) { left: 90px !important; top: -70px !important; transition-delay: 1s; }
  .section1 .visual-nav .depth1 li:nth-child(1).active .depth2 li:nth-child(6) { left: 120px !important; top: -20px !important; transition-delay: 1.2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(1), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(1) { left: -120px !important; top: -30px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(2), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(2) { left: -65px !important; top: -70px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(3), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(3) { left: 0px !important; top: -110px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(4), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(4) { left: 65px !important; top: -70px !important; transition-delay: .2s; }
  .section1 .visual-nav .depth1 li:nth-child(2).active .depth2 li:nth-child(5), .section1 .visual-nav .depth1 li:nth-child(3).active .depth2 li:nth-child(5) { left: 120px !important; top: -30px !important; transition-delay: .2s; }
  .section1 .visual-nav .controls-direction { display: block; }
  .section1 .visual-nav .controls-direction a { top: 8rem; }
  .section2 .news .contWrap .tabMore { display: none; padding-right: 15px; }
  .section2 .news .contWrap .tabMore:before { width: 15px; }
  .section3 .ser2 .link { width: 100%; }
  .section3 .ser2 .link.link1 { margin-bottom: 1rem; }
  .section3 .ser3 ul li a { padding-left: 1.5rem; }
  .section5 .descT br { display: block; } }