@charset "utf-8";
@import url('initialize.css');
/*메인*/
header { position:fixed; left:0; right:0; z-index:9000; height:90px; padding:0 3.375em; border-bottom:1px solid rgba(255,255,255,.2); text-align:center; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s} 
header .header-con { position:relative; z-index:10 } 
header .logo-acrc { position:absolute; top:1.2em; display:block } 
header .logo-acrc a { float:left; display:block; width:13.3em; height:2.9em; background:url('../images/layout/logo-acrc2-w.png') no-repeat 0 0; } 
header .btn-radius { opacity:0; visibility:hidden; width:4.750em; margin-right:1em; font-size:12px; font-weight:500; text-align:center; line-height:30px } 
header nav { display:inline-block; max-width:66em; width:100%;} 
header .util-menu { position:absolute; top:1.95em; right:0 } 
header .gnb{height:91px;overflow:hidden;
	transition:height 0.4s;-webkit-transition:height 0.4s;
}
header .gnb:after { content:""; display:block; clear:both } 
header .gnb > li { float:left;display:block; width:calc(100% / 5);height:100%;
	transition:background-color 0.4s;-webkit-transition:background-color 0.4s;
} 
header .gnb > li a { position:relative; display:block; color:#fff; font-size:.95em; font-weight:400; text-align:center; line-height:90px; box-sizing:border-box } 
header .gnb > li:hover>a:before { display:block; content:""; position:absolute; left:0; bottom:1px; right:0; width:100%; height:3px; background:#6b53a2 }

header .btn-siteMap { position:relative; display:inline-block; width:25px; height:22px } 
header .btn-siteMap span { display:block; position:absolute; right:0; width:25px; height:3px; background:#fff; border-radius:4px } 
header .btn-siteMap span:nth-child(1) { top:0 } 
header .btn-siteMap span:nth-child(2) { top:9px; left:6px; width:19px } 
header .btn-siteMap span:nth-child(3) { top:18px } 
header .btn-siteMap:hover span{background:#6b53a0}
header .gnb .sub-menu { display:none; margin-top:2em } 
header .gnb .sub-menu a { font-weight:400; line-height:2.4em; letter-spacing:-.3px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
header .gnb .sub-menu a:hover { color:#6b53a2; text-decoration:underline; text-underline-position:under } 
header .gnb-bg { display:none; position:absolute; top:89px; right:0; left:0; z-index:1; height:16.5em; border-top:1px solid rgba(229,229,229,1); background:#fff } 

header .gnb:hover{height:355px;}
header .gnb > li:hover{background-color: #ae91ec;}
header .gnb > li:hover a{color:#fff !important}

.btn-siteMap { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor:pointer } 
.btn-siteMap span { opacity:1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out } 
.btn-siteMap.on span:nth-child(1) { top:9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } 
.btn-siteMap.on span:nth-child(2) { opacity:0; left:-60px } 
.btn-siteMap.on span:nth-child(3) { top:9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } 

header.on { background:#fff; border-bottom-color:rgba(229,229,229,1); transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
header.on .logo-acrc a { background:url('../images/layout/logo-acrc2.png') no-repeat 0 0; } 
header.on .gnb > li >a { color:#333; font-weight:500 } 
header.on .sub-menu a { color:#333; font-weight:400 } 
header.on .btn-radius { color:#333; border-color:#333 } 
header.on .btn-siteMap span { background:#333 } 
header.on .btn-siteMap:hover span{background:#6b53a0}
header.on .gnb .sub-menu a { transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 

header.privacy { background:#fff;transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
header.privacy .logo-acrc a { background:url('../images/layout/logo-acrc2.png') no-repeat 0 0; } 
header.privacy .gnb > li a { color:#222; font-weight:500 } 
header.privacy .btn-radius { color:#333; border-color:#333 } 
header.privacy .btn-siteMap span { background:#333 } 
header.privacy .gnb .sub-menu a { transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 

.site-map { display:none; position:fixed; top:90px; left:0; right:0; bottom:0; border-top:1px solid rgba(229,229,229,1); background:#fff;z-index:9999 } 
.site-map > ul { display:table; width:100%; height:100% } 
.site-map > ul > li { float:left; display:table-cell; position:relative; width:calc(100% / 5); height:100%; text-align:left } 
.site-map > ul > li:before { content:""; position:absolute; left:0; top:0; bottom:0; display:block; width:1px; height:100%; background:#e4e4e4 } 
.site-map > ul > li:first-child:before { display:none } 
/*.site-map > ul > li a { display:block } */
.site-map > ul > li span { display:block; font-size:1.750em; font-weight:600; color:#333; box-sizing:border-box; cursor:pointer } 
.site-map > ul > li { padding:5em 2em 0; box-sizing:border-box } 
.site-map > ul > li:hover { background:#f6f4f9 } 
.site-map > ul > li .depth-menu { display:block; margin-top:2em; box-sizing:border-box } 
.site-map > ul > li .depth-menu > li { padding:.8em 0 } 
.site-map > ul > li .depth-menu > li > a { font-size:1.125em; font-weight:400; color:#000; word-break:keep-all } 
.site-map > ul > li .depth-menu > li > a:hover { color:#6b53a2; border-bottom:1px solid #6b53a2 } 
.site-map .ico-sitemap { float:right; display:block; width:1.214em; height:1.214em; margin-top:5px; background-size:6em } 
.site-map > ul > li:nth-child(1) .ico-sitemap { background:url('../images/icon/ico-sitemap-1.png') no-repeat 0 0; } 
.site-map > ul > li:nth-child(2) .ico-sitemap { background:url('../images/icon/ico-sitemap-2.png') no-repeat 0 0; } 
.site-map > ul > li:nth-child(3) .ico-sitemap { background:url('../images/icon/ico-sitemap-3.png') no-repeat 0 0; } 
.site-map > ul > li:nth-child(4) .ico-sitemap { background:url('../images/icon/ico-sitemap-4.png') no-repeat 0 0; } 
.site-map > ul > li:nth-child(5) .ico-sitemap { background:url('../images/icon/ico-sitemap-5.png') no-repeat 0 0; } 
.site-map > ul > li:nth-child(6) .ico-sitemap { background:url('../images/icon/ico-sitemap-6.png') no-repeat 0 0; } 
.site-map.m-ver { overflow-y:auto; padding:.8em 1em; background:#f6f4f9 } 
.site-map.m-ver > ul { overflow:hidden;display:block; height:inherit;} 
.site-map.m-ver > ul > li { display:block; width:100%; height:auto; margin-top:.5em; padding:0 } 
.site-map.m-ver > ul > li:hover { background:transparent } 
.site-map.m-ver > ul > li .depth-menu { display:none; margin-top:0; padding:1em 2.5em } 
.site-map.m-ver > ul > li .depth-menu > li { padding:0 } 
.site-map.m-ver > ul > li .depth-menu > li > a:hover { border-bottom:none; } 
.site-map.m-ver > ul > li .depth-menu .depth2 { display:none } 
.site-map.m-ver > ul > li span { padding:1em; background:#fff } 
.site-map.m-ver > ul > li span.on { color:#6b53a2 } 
.site-map.m-ver > ul > li .ico-sitemap { background:url('../images/icon/ico-siteMap1.png')50%/1em no-repeat; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
.site-map.m-ver > ul > li .on .ico-sitemap { background:url('../images/icon/ico-siteMap2.png')50%/1em no-repeat; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
.site-map.m-ver > ul > li:before { display:none } 
.site-map.m-ver > ul > li .depth-menu > li > a { display:inline-block; padding:.6em 0 } 
.site-map.m-ver .btn-bottom{position:absolute;left:1em;right:1em;bottom:1em;display:block;background:#6b53a2;color:#fff;padding:1em;font-size:1.3em;font-weight:500;text-align:center;line-height:1}

.floating_link{position:fixed;right:10px;bottom:30%;z-index:100;}
.floating_link li{display:block;margin-top:10px;}
.floating_link li a{display:block;width:40px;height:40px;border:1px solid #b9a6a6;box-shadow: #333 2px 2px 5px;border-radius:24px;overflow:hidden;background:#fff center center no-repeat;background-size: 100% auto;font-size:0;line-height:0;}
.floating_link .link_alllivesq{background-image: url(../images/icon/link_alllivesq.png);}
.floating_link .link_kakao{background-image: url(../images/icon/link_kakao.png);}
.floating_link .link_instagram{background-image: url(../images/icon/link_instagram.png);}
.floating_link .link_blog{background-image: url(../images/icon/link_blog.png);}
.floating_link .link_contact{background-image: url(../images/icon/link_contact.png);background-color: #303030;border-color: #a1a1a1;}
.floating_link .kakao{display:block;padding-top:18px;width:120px;height:120px;text-align:center;border-radius:50%;background-color:#fae300;color:#391b1b;font-weight:600;box-sizing: border-box;}
.floating_link .kakao span{display:block;padding-top:40px;background:url("../images/icon/kakao.png") center top no-repeat;font-size:0.95em;line-height:1.2em;}

#verticalNav { position:fixed; top:50%; right:2vw; z-index:100; margin-top:-74px } 
#verticalNav ul li { line-height:2.3 } 
#verticalNav ul li a { position:relative; padding-right:30px; display:block; color:#6b53a2; font-size:14px; text-align:right } 
#verticalNav ul li a span { display:inline-block; position:relative; right:-50%; opacity:0; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
#verticalNav ul li a:hover { color:#6b53a2 } 
#verticalNav ul li a:hover span { right:0; opacity:1; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
#verticalNav ul li a.on span { right:0; opacity:1!important } 
#verticalNav ul li a:before,
#verticalNav ul li a:after { content:""; position:absolute; top:50%; display:block; border-radius:50%; box-sizing:border-box } 
#verticalNav ul li a:before { right:0; width:17px; height:17px; margin-top:-8.5px; border:1px solid transparent } 
#verticalNav ul li a:after { width:5px; height:5px; right:6px; margin-top:-2.5px; background:#6b53a2; opacity:.5; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
#verticalNav ul li a:hover:before { border-color:#6b53a2; opacity:1; } 
#verticalNav ul li a:hover:after { opacity:1; } 

.on #verticalNav ul li a:after { background:rgba(255,255,255,.5) }
.on #verticalNav ul li a { color:#fff }
.on #verticalNav ul li a:hover:before { border-color:#fff }
.on #verticalNav ul li a:hover:after { background:#fff }

html, body { position:relative; height:100% ;min-width:320px;}
.blind { position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px }
span.point-pur { color:#6b53a2;vertical-align: top;}

.con-wid { position:relative; z-index:2; max-width:1300px; margin:0 auto; box-sizing:border-box }
.swiper-container { width:100%; height:100% }
.swiper-slide { text-align:center;}
.section{overflow:hidden;}
.section1,.section2,.section3,.section4,.section5 { width:100%; height:100vh; box-sizing:border-box }
.section2,.section3,.section4, .section5 { padding-top:15vh; text-align:center }
.section3 { position:relative;height:auto;padding-bottom:10vh;background:url('../images/layout/mainAcrc-bg.jpg') no-repeat 50% 50%; background-size:cover }
.section4 { position:relative;height:auto;padding-bottom:10vh}
.section5 { position:relative;height:auto;padding-bottom:10vh;background:url('../images/layout/mainMedia-bg.jpg') no-repeat 50% 50%; background-size:cover }

.section .ip-contents{padding:2.5em 0 4em;}
.section .con-width{ 
    opacity: 0;
    transform: translate3d(0,160px,0);
    transition-timing-function: ease;
    transition-duration: .7s;
    transition-property: opacity,transform}
.section.swiper-slide-active .con-width{
    opacity: 1;
    transform: translateZ(0);}
.section .ip-contents li{width:90px;height:125px;}
.section .ip-contents li.wide{width:180px;}


.section .ip-con {display:flex;margin-top:2em;}
.section .ip-conL {width: 60%;padding-right:1%;box-sizing: border-box;}
.section .ip-conR {width: 40%;padding-left:1%;box-sizing: border-box;}
.section .tit-box {width: 100%;padding:0.85em 0;border-radius: 10px;background: #6b53a0;color: #fff;font-weight: 700;text-align: center;box-sizing: border-box;}
.section .ip-box {position:relative;margin-top:1em;padding:0 1em 60px;height:90%;border-radius: 10px;border: 1px solid #dbdbdb;background: #fafafa;text-align: center;box-sizing: border-box;}
.section .ip-box ul{margin:2em 0;text-align:center}
.section .partners-area ul{display:inline-block;}
.section .partners-area ul:after{content:"";display:block;clear:both}
.section .partners-area ul li{float:left;width:33%;margin-bottom:1%;padding:0 1%;box-sizing: border-box;}
.section .partners-area ul li img{width:100%;}

.section .ip-box .btn-more{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:2;}
.section .ip-box .btn-more a{display:inline-block;position:relative;padding:4px;border-bottom:1px solid #999;transition: all 0.3s;}
.section .ip-box .btn-more a:after{content:"";display:inline-block;margin-left:4px;margin-right:-4px;width:10px;height:10px;background:url("../images/icon/ico-arrowR.png") center center no-repeat;vertical-align:middle;}
.section .ip-box .btn-more a:hover{color:#6b53a2;border-color:#6b53a2}

.section .mark_area .left_img{height:auto;}

.mainVisual-slider .swiper-slide { position:relative; display:table; width:100%; height:100vh; color:#000 } 
.mainVisual-slider .swiper-slide strong { opacity:0; bottom:-.5em; position:relative; display:block; margin-bottom:.5em; font-size:5em; font-weight:500; line-height:1; letter-spacing:-1px; } 
.mainVisual-slider .sd1 { background-image:url('../images/layout/main-visual01.jpg') } 
.mainVisual-slider .sd2 { background-image:url('../images/layout/main-visual02.jpg') } 
.mainVisual-slider .sd3 { background-image:url('../images/layout/main-visual03.jpg') } 
.mainVisual-slider .swiper-slide .slider-bg { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-repeat:no-repeat; background-position:70% 0%; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition:all 5s; -webkit-transition:all 5s; -ms-transition:all 5s; } 
.mainVisual-slider .swiper-slide .sd-wrap { display:table-cell; vertical-align:middle } 
.mainVisual-slider .swiper-slide .sd-con { position:relative; z-index:15; max-width:1300px; margin:0 auto; text-align:left; box-sizing:border-box; } 
.mainVisual-slider .swiper-slide .sd-con p { opacity:0; bottom:-1em; position:relative; font-size:2.625em; line-height:1.7; letter-spacing:-1px; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
.mainVisual-slider .swiper-slide .sd-con p span { display:inline-block } 
.mainVisual-slider .swiper-slide .mvBtn-wrap { overflow:hidden; position:relative; z-index:10;opacity:0; margin-top:3em; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a { float:left; display:block; min-width:22em; border-radius:1em; color:#fff; opacity:.8;cursor:pointer; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a:nth-child(1) { margin-right:1em; background-color:#6b53a2 } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a:nth-child(2) { background-color:#9178b6 } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top { display:block; padding:1.2em 1.8em; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit { display:block; font-size:1.6em; font-weight:500; letter-spacing:-.5px; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit i { display:inline-block; width:25px; height:25px; margin-right:.25em; vertical-align:-4px } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit i.inq { background:url(../images/icon/ico-mvBtn1.png)50%/25px no-repeat; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit i.apply { background:url(../images/icon/ico-mvBtn2.png)50%/25px no-repeat; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit .btn-more { float:right; position:relative; display:inline-block; width:30px; height:30px; margin-top:4px; margin-right:0; border-radius:20px; border:1px solid #fff; }
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit .btn-more:hover{animation-name:spinCircle; animation-duration:.8s; animation-iteration-count:1; } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit .btn-more:before { position:absolute; top:50%; left:50%; content:""; display:inline-block; width:1px; height:14px; background:#fff; transform:translate(-50%, -50%); } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-top .btn-tit .btn-more:after { position:absolute; top:50%; left:50%; content:""; display:inline-block; width:14px; height:1px; background:#fff; transform:translate(-50%, -50%); } 
.mainVisual-slider .swiper-slide .mvBtn-wrap >a .btn-bottom { display:block; padding:1.2em 1.8em; border-top:1px solid #fff; font-size:1.20em; letter-spacing:-.5px; } 
.mainVisual-slider .swiper-slide.swiper-slide-active .slider-bg { transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transition:all 5s; -webkit-transition:all 5s; -ms-transition:all 5s; transition-timing-function:ease-out; } 
.mainVisual-slider .swiper-slide.swiper-slide-active strong { opacity:1; bottom:0; transition-duration:1s; transition-property:opacity,bottom; transition-delay:.2s } 
.mainVisual-slider .swiper-slide.swiper-slide-active p { opacity:1; bottom:0; transition-duration:1s; transition-property:opacity,bottom; } 
.mainVisual-slider .swiper-slide.swiper-slide-active .mvBtn-wrap { opacity:1; bottom:0; transition-duration:1s; transition-property:opacity,bottom; transition-delay:.4s } 

.swiper-button-play { display:none; position:absolute; top:-3px; right:-30px; width:20px; height:20px; background:url(/images/client/icon/ico-playBtn.png) 0 0/41px no-repeat; z-index:29; font-size:0; } 
.swiper-button-pause { display:none; position:absolute; top:1px; right:-30px; width:20px; height:20px; background:url(/images/client/icon/ico-playBtn.png) 100% 0/41px no-repeat; z-index:29; font-size:0; } 
.swiper-button-play.show { display:block; } 
.swiper-button-pause.show { display:block; } 

.mainVisual-slider canvas { display:block; vertical-align:bottom } 
#particles-js { position:absolute; top:0; z-index:0; width:100%; height:100%; transition: background-image 0.5s ease-in-out; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 1.5s; -webkit-transition:all 1.5s } 

.section2 h2.tit{margin-bottom:0;}
.section2 .btn-area { margin-top:0 } 

.btn-radius { display:inline-block; border-radius:50px; border:1px solid #333; font-size:1em; font-weight:500; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; } 
.btn-radius.colorWhite { color:#fff; border-color:#fff } 
.btn-radius.colorPurple { color:#6b53a2; border-color:#6b53a2 } 
.section1 .btn-radius.colorWhite:hover { color:#000; background:#fff; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; } 
.section5 .btn-radius.colorPurple { border:1px solid #333; color:#333 } 
.section5 .btn-radius.colorPurple:hover { border:1px solid #6b53a2; background:#6b53a2; color:#fff; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; } 
.sizeBasic { padding:0 3em; line-height:3 } 

.ico-group { display:inline-block; width:1.563em; height:1.625em; background:url('../images/icon/ico-main.png') no-repeat -.1em -19em; background-size:13.687em } 
.btn-radius.line{border:1px solid #6b53a2;background:#fff;color: #6b53a2!important;}
.btn-radius .ico-group { margin-right:.3em; vertical-align:sub } 
.btn-radius:hover .ico-group { background-position-x:-2.9em } 
.section5 .sizeBasic { padding:0 3.25em } 
.section5 .btn-area { margin-top:3vh } 

.media-halfArea { width:100%; position:relative; padding-right:31.3em; box-sizing:border-box } 
.media-halfArea:after { content:""; display:block; clear:both } 
.media-halfArea .mha-notice { width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; } 
.media-halfArea .mha-notice:hover { box-shadow:1px 1px 14px rgba(0,0,0,.2); transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; } 
.media-halfArea .mha-notice .notice-wrap { padding:2.188em 2.500em; background:#fff; box-sizing:border-box } 
.notice-top { overflow:hidden; position:relative; border-bottom:1px solid #c4c4c4; text-align:left } 
.notice-top > a { position:absolute; right:0; top:50%; display:block; color:#949494; margin-top:-6px; font-size:12px } 
a i.ico-smArrow { display:inline-block; width:6px; height:11px; margin-left:.5em; background:url('../images/icon/ico-arrow.png') no-repeat -1.4em -1.2em; background-size:2.18em } 
.notice-top .tab-btnMain { overflow:hidden; float:left } 
.notice-top .tab-btnMain a { position:relative; display:block; padding:.9em 1.250em; border-bottom:4px solid transparent; color:#999; font-size:1em; font-weight:500; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 
.notice-top .tab-btnMain li { position:relative; } 
.notice-top .tab-btnMain li:nth-child(1) { padding-right:1.875em } 
.notice-top .tab-btnMain li:nth-child(2) { padding-left:1.875em } 
.notice-top .tab-btnMain li:after { position:absolute; top:50%; left:0; margin-top:-7.5px; content:""; float:left; display:block; width:2px; height:15px; background:#dbdbdb } 
.notice-top .tab-btnMain li:nth-child(1):after { display:none } 
.notice-top .tab-btnMain > li { float:left } 
.notice-top .tab-btnMain .on a { color:#7db340; border-bottom-color:#7db340; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s } 

.notice-list2 { min-height:20em } 
.notice-list2 li { display:table; width:100%; height:5em; padding:0 1.250em; border-bottom:1px solid #e5e5e5; box-sizing:border-box; table-layout:fixed } 
.notice-list2 li > div { display:table-cell; width:85%; text-align:left; vertical-align:middle } 
.notice-list2 li a { overflow:hidden; display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:1.125em; font-weight:400; color:#333 } 
.notice-list2 li a > span { display:block } 
.notice-list2 > li > span { display:table-cell; width:15%; font-size:.875em; color:#999; vertical-align:middle } 

.media-halfArea .mha-banner { position:absolute; right:0; bottom:0; margin-top:2.8em; max-width:28.750em } 

.media-halfArea .mha-banner .media-item { position:relative; display:inline-block; width:28.750em; height:25.250em; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
.media-halfArea .mha-banner .media-item .md-txt { position:absolute; left:0; bottom:0; z-index:1; display:inline-block; width:100%; padding: 4.063em 3.125em; box-sizing:border-box; text-align:left } 
.media-halfArea .mha-banner .media-item .md-txt a { display:inline-block; margin-top:2.5em; color:#fff; font-size:12px } 
.media-item .md-txt i.ico-smArrow { background-position-y:-.1em } 

.media-halfArea .mha-banner .media-item p { font-size:2em; color:#fff; line-height:1.3 } 
.media-halfArea .mha-banner .media-item p:nth-child(1) { font-weight:900 } 
.media-halfArea .mha-banner .media-item p:nth-child(2) { font-weight:400 } 

.media-halfArea .mha-banner .swiper-slide .media-sdBg { position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-position:50% 50% } 
.media-halfArea .mha-banner .swiper-slide .media-sdBg.mdsb1 { background-image:url('../images/photo/mc-con1.jpg'); } 
.media-halfArea .mha-banner .swiper-slide .media-sdBg.mdsb2 { background-image:url('../images/photo/mc-con2.jpg'); } 

.media-pagination { bottom:auto; top:-2.5em; left:auto; right:0 } 

.smSd-arrow { position:absolute; top:50%; z-index:10; display:inline-block; width:15px; height:15px; margin-top:-7.5px; background:url('../images/icon/ico-arrowR.png')50%/4px no-repeat; } 
.smSd-arrow.mv-prev { left:0; transform:rotate(180deg) } 
.smSd-arrow.mv-next { right:0; } 

.smSd-arrow.ms-arrow.mv-prev { background-position:0 -20px } 
.smSd-arrow.ms-arrow.mv-next { background-position:-18px -20px } 

@-webkit-keyframes ani-mouse { 
 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } 
 }
@-moz-keyframes ani-mouse { 
 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } 
 }
@keyframes ani-mouse { 
 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } 
 }
.scroll-btn { display:block; position:absolute; left:0; right:0; bottom:5vh; z-index:11; text-align: center; } 
.scroll-btn > * { display: inline-block; font-size:13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } 
.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *.active { color:#fff } 
.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *:active,.scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); } 
.scroll-btn a { display:block } 
.scroll-btn .mouse { position: relative; display: block; width:2.188em; height:3.438em; margin: 0 auto .8em; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0.188em solid white; border-radius: 23px } 
.scroll-btn .mouse > * { position: absolute; display: block; top: 29%; left: 50%; width: .5em; height:.5em; margin: -0.250em 0 0 -0.250em; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite } 

.mainVisual-slider .swiper-pagination { left:50%; z-index:10; bottom:23vh; margin-left:-41em; max-width:8.438em; padding:0 1em; box-sizing:border-box } 
.swiper-pagination { max-width:8.438em; padding:0 1em; box-sizing:border-box } 
.swiper-pagination > span { font-size:0.875em; font-weight:600 } 
.swiper-pagination .loading { position:relative; display:inline-block; width:5em; height:2px; background:rgba(136,136,136, .2); vertical-align:6px } 
.swiper-pagination .loading .bar { position:absolute; width:0; left:0; height:2px; background:#6b53a2; } 
.swiper-pagination .loading.full .bar { width:100%; transition:width 5s; -webkit-transition:width 5s; -webkit-transition-timing-function:linear; transition-timing-function:linear } 
.swiper-pagination .swiper-pagination-current { float:left; color:#6b53a2 } 
.swiper-pagination .swiper-pagination-total { float:right; color:#999 } 


.mha-banner .swiper-pagination .swiper-pagination-current { color:#6b53a2 } 
.mha-banner .swiper-pagination .swiper-pagination-total { color:#999 } 
.mha-banner .swiper-pagination .loading { background:rgba(136,136,136,.2); } 
.mha-banner .swiper-pagination .loading .bar { background:#6b53a2 } 

h2.tit { margin-bottom:.5em; color:#333; font-size:2.5em; font-weight:600; line-height:1; letter-spacing:-1px; } 
.tit-sub { display:inline-block; color:#333; padding:0 2em; font-size:1.125em; font-weight:400; letter-spacing:-.5px; box-sizing:border-box; word-break:keep-all } 
.link-btn { display:inline-block; width:3.125em!important; height:3.125em!important; border-radius:3em; background:#6b53a2 url(../images/icon/ico-viewMore.png)50%/1em no-repeat; text-indent:-999em; } 

/* ===== MAIN - BUSINESS ===== */
.section2 { position:relative; background:#fff; } 
.section2:after { content:""; position:absolute; right:0; bottom:-9em; width:75.834%; height:30.17%; /*background:#f7f9fd; */ } 

.section2 .sec2-slider .swiper-slide { text-align:left; } 
.section2 .sec2-slider .swiper-slide > a{position:relative;}
.section2 .sec2-slider .swiper-slide a { overflow:hidden; display:block; height:30em; } 
.section2 .sec2-slider .swiper-slide .thumb { overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; } 
.section2 .sec2-slider .swiper-slide .thumb > div { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; } 
.section2 .sec2-slider .swiper-slide .img-tit{opacity:1;position:absolute;left:1em;top:80%;color:#fff;font-size:1.25em;font-weight:500;z-index:2;-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.section2 .sec2-slider .swiper-slide .txt { position:absolute; left:2em; bottom:3em; width:calc(100% - 10em); z-index:10; color:#333; word-break:keep-all; } 
.section2 .sec2-slider .swiper-slide .txt span.strong { display:block; font-size:1.375em; font-weight:700; letter-spacing:-.5px; } 
.section2 .sec2-slider .swiper-slide .txt p { margin-top:0.25em; font-size:1em; letter-spacing:-.5px; font-weight:400 } 
.section2 .sec2-slider .swiper-slide .txt span.m-br { display:block; } 
.section2 .hide { display:none; } 

.section2 .sec2-slider .swiper-slide.swiper-slide-active .img-tit{opacity:0;}

.contact-top{display:flex;width:100%;}
.contact-top .cont-cell{width:50%;padding-left:3%;box-sizing: border-box;}
.contact-top .cont-cell:first-child{padding-left:0;padding-right:3%}
.contact-top .gray-box{padding:20px 40px;border:1px solid #ebebeb;background-color:#fafafa;border-radius:15px;text-align:center;height:220px}
.contact-top img{width:30%;max-width:80px;}
.contact-top .cont-call{display:flex;width:100%;margin-top:2em;}
.contact-top .cont-call li{width:50%;}
.contact-top .cont-call li img{display:block;margin:0 auto;}
.contact-top .cont-call li strong{display:block;margin-top:10px;font-size:1.1em;line-height:1.4em;}
.contact-top .cont-call li p{font-size:1.3em;color:#6b53a0;font-weight:700;letter-spacing:1px;}
.contact-top .email{display:block;font-size:1.2em;color:#6b53a0;font-weight:700;letter-spacing:1px;}
.contact-top .email img{margin-left:-40px;margin-right:10px;}
.contact-top .cont-list{display:inline-block;margin-top:20px;}
.contact-top .cont-list li{position:relative;padding-left:15px;text-align:left;margin-top:6px;font-weight:500;}
.contact-top .cont-list li:first-child{margin-top:0;}
.contact-top .cont-list li:before{content:"";display:block;position:absolute;left:0;top:6px;width:10px;height:15px;background:url("../images/icon/ico-arrowR.png") center center no-repeat;}


.contact-online{margin-top:4em;}


/* PC SLIDER */
@media screen and (min-width:1024px){
	
	.floating_link{right:30px;bottom:60px;}
	.floating_link li a{width:54px;height:54px;}

	.sec2-inner { padding-top:4em; } 
	.section2 .sec2-slider .swiper-slide { flex:1; margin-left:1em; text-align:left; -webkit-transition:flex 0.6s; -moz-transition:flex 0.6s; -ms-transition:flex 0.6s; -o-transition:flex 0.6s; transition:flex 0.6s; } 
	.section2 .sec2-slider .swiper-slide:first-child { margin-left:0; } 
	.section2 .sec2-slider .swiper-slide .txt { opacity:0; visibility:hidden; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active { flex:3.2069; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .txt { opacity:1; visibility:visible; } 
	.section2 .sec2-slider .swiper-slide .thumb:after { opacity:1; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#6b53a2; opacity:.8; -webkit-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -moz-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -ms-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -o-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); } 
	.section2 .sec2-slider .swiper-slide .thumb > div { -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); } 
	.section2 .sec2-slider .swiper-slide .thumb .img-tit{}
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .thumb > div { filter:none !important; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .thumb:after { opacity:0; } 
	.section2 .sec2-slider .swiper-slide .txt span.strong { opacity:0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition:opacity 0.6s, transform 0.6s; -moz-transition:opacity 0.6s, transform 0.6s; -ms-transition:opacity 0.6s, transform 0.6s; -o-transition:opacity 0.6s, transform 0.6s; transition:opacity 0.6s, transform 0.6s; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .txt span.strong { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; } 
	.section2 .sec2-slider .swiper-slide .txt span.m-br { display:inline-block; } 
	.section2 .sec2-slider .swiper-slide .txt p { opacity:0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition:opacity 0.6s, transform 0.6s; -moz-transition:opacity 0.6s, transform 0.6s; -ms-transition:opacity 0.6s, transform 0.6s; -o-transition:opacity 0.6s, transform 0.6s; transition:opacity 0.6s, transform 0.6s; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .txt p { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s; -ms-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s; } 

	.section2 .sec2-slider .swiper-slide .link-btn { opacity:0; position:absolute; right:2em; bottom:2em; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition:opacity 0.6s, transform 0.6s; -moz-transition:opacity 0.6s, transform 0.6s; -ms-transition:opacity 0.6s, transform 0.6s; -o-transition:opacity 0.6s, transform 0.6s; transition:opacity 0.6s, transform 0.6s; } 
	.section2 .sec2-slider .swiper-slide.swiper-slide-active .link-btn { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s; -ms-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s; } 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.section2 .sec2-slider .swiper-slide .thumb:after { opacity: 0.5; } 
}

@keyframes spinCircle { 
	from { transform: rotate(0); } 
	to { transform:rotate(360deg); } 
}

.link-btn:hover { animation-name:spinCircle; animation-duration:.8s; animation-iteration-count:1; } 
.link-btn:hover { animation-name:spinCircle; animation-duration:.8s; animation-iteration-count:1; } 

.section3 h2.tit,.section3 .tit-sub { color:#fff } 

.acrc-list { margin-top:8em } 
.acrc-list:after { content:""; display:block; clear:both } 
.acrc-list > li { float:left; position:relative; width:25%; text-align:center } 

.ico-acrc { display:block; width:90%; height:0; margin:0 auto; padding-top:calc(243 / 270 * 100%); border-radius:10em; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
.ico-acrc.acrc1 { background:rgba(255,255,255,.1) url('../images/icon/ico-acrc1.png')50%/5.325em no-repeat; } 
.ico-acrc.acrc2 { background:rgba(255,255,255,.1) url('../images/icon/ico-acrc2.png')50%/5.325em no-repeat; } 
.ico-acrc.acrc3 { background:rgba(255,255,255,.1) url('../images/icon/ico-acrc3.png')50%/5.325em no-repeat; } 
.ico-acrc.acrc4 { background:rgba(255,255,255,.1) url('../images/icon/ico-acrc4.png')50%/5.325em no-repeat; } 

.acrcCon-wrap { transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
.acrcCon-wrap .acrcTxt-wrap { padding:1.5em 0 0; color:#fff } 
.acrcCon-wrap .acrc-tit { padding-bottom:.5em; font-size:1.675em; font-weight:400; line-height:1.3; letter-spacing:-.5px; word-break:keep-all; } 
.acrcCon-wrap .acrc-txt {display:none; font-size:1em; font-weight:300; line-height:1.3; letter-spacing:-.3px; word-break:keep-all; opacity:.6; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; } 
.acrcCon-wrap .acrc-hide { display:none; opacity:0; } 
.acrcCon-wrap:hover { margin-top:-1.5em; } 
.acrcCon-wrap:hover .ico-acrc { background-color:rgba(107,83,162,.8) } 
.acrcCon-wrap:hover .acrc-tit { font-weight:500 } 
.acrcCon-wrap:hover .acrc-txt { opacity:1; } 
.acrcCon-wrap:hover .acrc-hide { display:block; opacity:1; margin-top:1em; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 


.media-wrap{margin-top:3em;padding:1em 0 0;min-height:29.5em;}
.media-wrap li{width:30%;float:left;vertical-align:middle;}
.media-wrap li .media-slideInner{background:#fff}
.media-wrap li .media-slideInner a{display:block;}
.media-wrap .mediaImg-wrap{overflow:hidden;width:100%;height:16.563em;}
.media-wrap .mediaImg-wrap img{width:100%;height:100%;object-fit:cover;}
.media-wrap .mediaTxt-wrap{padding:1em 1.5em;background:#fff;text-align:left;color:#333}
.media-wrap .mediaTxt-wrap .media-tit{height:2.7em;font-size:1.25em;font-weight:600;letter-spacing:-.5px;line-height:1.4;display:-webkit-box;word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.media-wrap .mediaTxt-wrap .media-txt{height:2.9em;padding-top:.8em;font-size:.95em;font-weight:400;letter-spacing:-.3px;line-height:1.4;display:none;word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.media-wrap .mediaTxt-wrap .media-date{padding-top:1em;font-size:.875em;font-weight:400;color:#999;}

.media-wrap .swiper-slide .media-txt{display:none;}
.media-wrap .swiper-slide{margin-top:0em;font-size:17px;transform:scale(.9);transition:all .3s}
.media-wrap .swiper-slide.swiper-slide-active{margin-top:0em;transform:scale(1.1);font-size:15px;}
.media-wrap .swiper-slide.swiper-slide-active .media-tit{line-height:1.3}
.media-wrap .swiper-slide.swiper-slide-active .media-txt{display:-webkit-box;font-size:.95em;}

.section5 .con-width { position:relative; } 
.swiper-button-prev {top:45%; left:-2em; text-indent:-999em; background:url(../images/icon/media-arrow.png)50%/1.8em no-repeat; transform:rotate(180deg) } 
.swiper-button-next {top:45%; right:-2em; text-indent:-999em; background:url(../images/icon/media-arrow.png)50%/1.8em no-repeat; } 
.section5 .swiper-pagination-bullets { position:initial; margin:0 auto; text-align:center; } 
.section5 .swiper-pagination-bullets > span { width:10px; height:10px; margin:0 .25em; background:#6b53a2; opacity:.2 } 
.section5 .swiper-pagination-bullets > span.swiper-pagination-bullet-active { opacity:1 } 

.aos-item.aosDelay1 { transition-delay:.1s } 
.aos-item.aosDelay2 { transition-delay:.2s } 
.aos-item.aosDelay3 { transition-delay:.3s } 
.aos-item.aosDelay4 { transition-delay:.4s } 
.aos-item.aosDelay5 { transition-delay:.5s } 
.aos-item.aosDelay6 { transition-delay:.6s } 
.aos-item.aosDelay7 { transition-delay:.7s } 

.swiper-slide-active .aos-item { opacity:1; transform:translateZ(0);line-height:2em;} 
.aos-item { opacity:0; transform:translate3d(0,100px,0); transition-timing-function: ease; transition-duration:.7s; transition-property:opacity,transform } 


@keyframes show { 
 0% { opacity:0; } 100% { opacity:1 } 
 }

#footer { display:block; padding:2.4em 0; background:#333 } 
#footer .ft-wrap { position:relative; max-width:1300px; margin:0 auto } 
#footer .ft-wrap .ft-con { display:table; width:100%; box-sizing:border-box } 
#footer .ft-wrap:after { content:""; display:block; clear:both } 
#footer .ft-wrap .ft-copyInfo { display:table-cell; padding-left:3em; padding-right:14em; text-align:left; vertical-align:middle; box-sizing:border-box } 
#footer .ft-wrap .ft-copyInfo .copyInfo { margin-top:1.5em; font-size:0.875em; font-weight:300; color:rgba(255,255,255,.5); line-height:1.6; word-break:keep-all } 
#footer .ft-wrap .ft-copyInfo .copyInfo > span { display:block; word-break:keep-all } 
#footer .ft-wrap .ft-copyInfo .copyInfo > span em { display:inline-block } 
#footer .ft-wrap .ft-copyInfo a { position:relative; display:inline-block; margin-left:1em; color:rgba(255,255,255,.5); font-size:15px; font-weight:400 } 
#footer .ft-wrap .ft-copyInfo a:before { position:absolute; top:50%; left:-.7em; content:""; display:block; width:3px; height:3px; background:rgba(255,255,255,.5); border-radius:100%; } 
#footer .ft-wrap .ft-copyInfo a:first-child { margin-left:0 } 
#footer .ft-wrap .ft-copyInfo a:first-child:before { display:none } 

#footer .ft-wrap .ft-logo { display:table-cell; text-align:left; } 
.logo-acrc-gray { display:block; width:16em; height:6em; background:url('../images/layout/logo-acrc2-g.png') left center no-repeat;background-size:100% auto; } 
#footer .ft-wrap .ft-copyInfo .copy { font-size:14px; color:#fff } 
#footer .ft-wrap .ft-copyInfo .copyInfo .txt-copy { color:#989898; opacity:.5 } 
#footer .btn-top { display:block; position:absolute; top:-5em; right:0; z-index:30; border-radius:50%; background:#6b53a2; width:5em; height:5em; line-height:5em; color:#fff; font-size:.95em; font-weight:500; text-align:center; z-index:10 } 

.btn-linkArea { position:absolute; top:1em; right:0; z-index:20; font-size:15px; } 
.btn-linkArea > ul { display:none; position:absolute; left:0; right:0; bottom:3em; padding-top:.5em; border-bottom:1px solid rgba(255,255,255,1); border-top-left-radius:25px; border-top-right-radius:25px; background:rgba(107,83,162,1); z-index:11 } 
.btn-linkArea > ul a { display:block; padding:0 2em; font-size:0.938em; color:#fff; line-height:3; text-align:left; box-sizing:border-box } 
.btn-linkArea > ul a:hover,
.btn-linkArea > ul a:focus { font-weight:500 } 
.btn-linkArea.on > .btn-familySite { border-color:transparent; border-top-left-radius:0; border-top-right-radius:0; background:rgba(107,83,162,1); transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
.btn-linkArea.on > a { border-radius:25px } 

.btn-familySite { display:block; border-color:#fff; padding:.8em 6em .8em 2em; background:rgba(97,170,49,0); font-size:0.938em !important; font-weight:400; color:#fff; box-sizing:border-box; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s } 
.btn-familySite .ico-more { position:absolute; right:2em; top:50%; display:inline-block; width:15px; height:15px; margin-top:-7.5px; background:url(../images/icon/ico-family.png)50%/12px no-repeat; } 
.btn-linkArea.on .btn-familySite .ico-more { background:url(../images/icon/ico-family-on.png)50%/12px no-repeat; } 

/* 서브비주얼 */
.sub-visual { width:100%; height:500px; transition:.3s } 
.sub-visual .sub-inner { display:flex; align-items:center; max-width:1300px; height:570px; margin:0 auto; transition:.3s } 
.sub-visual .visual-txt { color:#fff; font-size:2.2em; font-weight:600; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; transition:.3s; text-shadow:1px 2px 5px #666 } 

.sub-visual.center { background:url(../images/layout/sub1_visual.jpg)50%/cover no-repeat; } 
.sub-visual.itemlist { background:url(../images/layout/sub2_visual.jpg)50%/cover no-repeat; } 
.sub-visual.request { background:url(../images/layout/sub3_visual.jpg)50%/cover no-repeat; } 
.sub-visual.participation { background:url(../images/layout/sub4_visual.jpg)50%/cover no-repeat; } 
.sub-visual.recruit { background:url(../images/layout/sub5_visual.jpg)50%/cover no-repeat; } 
.sub-visual.publicRelations { background:url(../images/layout/sub6_visual.jpg)50%/cover no-repeat; } 

/* lnb */
.lnb { display:block; } 
.m-location { display:none; } 

.lnb { border-bottom:1px solid #dbdbdb; } 
.lnb div { max-width:1300px; margin:0 auto; } 
.lnb ul { display:table; width:100% } 
.lnb ul li { display:table-cell; position:relative; max-width:0px } 
.lnb ul li:not(:last-child):after { position:absolute; top:50%; right:0; content:""; width:1px; height:18px; margin-top:-9px; background:#dbdbdb } 
.lnb ul li a { position:relative; display:block; color:#333; font-size:1.1em; font-weight:500; line-height:4em; text-align:center; letter-spacing:-.3px;white-space:nowrap;} 
.lnb ul li.on a:after { position:absolute; bottom:0; left:0; right:0; content:""; display:block; width:100%; height:2px; background:#6b53a2; } 
.lnb ul li.on a { color:#6b53a2; font-weight:600; } 


/* 상세 내부 탭 메뉴 */
.pc-tab { display:block; } 
.m-select { display:none; } 

.tab-btn { overflow:hidden;; width:100%; } 
.tab-btn li { float:left; display:block; width:calc(100% / 3); }
/*.tab-btn.tab6 li { width:calc(100% / 6); } */
.tab-btn.tab6 li { width:16.66%; }
.tab-btn.tab2{margin:0 auto;width:50%;}
.tab-btn.tab2 li{width:calc(100% / 2);}
.tab-btn li:not(:last-child) a { border-right:none; } 
.tab-btn li a { display:block; width:100%; height:4em; border:1px solid #dbdbdb; color:#333; font-size:1em; font-weight:500; line-height:4em; text-align:center; letter-spacing:.3px; word-break:break-word; box-sizing:border-box; } 
.tab-btn li.on a { background:#61aa31; color:#fff; font-weight:600; } 
.tab-btn li a.line2 { height:4em; padding:12px 10px; line-height:1.3 } 

.m-tab-btn { display:block; width:100%; padding:.7em; background:#fff url('../images/icon/ico-selArrow-big.png') no-repeat 100% 50%/25px; } 

/* 공통 */
.con-width { max-width:1300px; margin:0 auto; } 
.privacy .con-width { margin-top: 5em; } 
.content { padding-top:2.5em; } 

.sub-container { padding:6em 0 8em; } 
.sub-container.bt-none { padding:6em 0 0 } 
.sub-container h3 { position:relative; padding-bottom:2em; color:#333; font-size:1.8em; font-weight:700; text-align:center; letter-spacing:-.5px; } 
.sub-container h3:after { position:absolute; top:55px; left:50%; content:""; width:45px; height:2px; margin-left:-22.5px; background:#6b53a2; } 
.sub-container.bg-color { background:#fafafa } 

.img-wrap { position:relative; } 

.min650-img-inner img { min-width:650px; } 
.slideInfo-icon { display:none; position:absolute; top:0; left:0; width:40px; height:50px; background:url(../images/icon/ico-slideInfo.png) 50%/32px no-repeat; transition:.3s; z-index:10 } 
.slideInfo-icon.scroll { opacity:.5 } 

.fl-wrap:after { content:""; display:block; clear:both; } 
.fL { float:left; } 
.fR { float:right; } 

h4{display:block;margin-bottom:2em;padding:14px 10px;border-radius:20px;background-color:#6b53a2;text-align:center;color:#fff;font-weight:700;}
.pc-br { display:block; }


/* 센터소개 */
.ceo-area:after { content:""; display:block; clear:both; }
.ceo-area{overflow:hidden;}
.ceo-area .ceo-inner {position:relative;margin:0 auto; width:90%; max-width:1300px;background:#fff;}
.ceo-area .ceo-img{position:absolute;right:-150px;top:0px;z-index:1;}
.ceo-area .ceo-txt {position:relative;display:block;padding:0 550px 0 0; box-sizing:border-box;z-index:2;} 
.ceo-txt strong { font-size:1.5em; font-weight:600; letter-spacing:-1px; } 
.ceo-txt p { padding-top:2em; color:#666; font-weight:400; letter-spacing:-.3px; line-height:1.6 } 
.ceo-txt .sign { display:block; padding-top:4em; text-align:right; font-weight:500; } 
.ceo-txt .sign strong { display:inline-block; margin-left:.5em; font-weight:600 } 
.ceo-txt .sign img{margin-left:1em;width:8em;}
.value-img { max-width:30em; margin:0 auto; } 
.value-img .m-img { display:none; } 
.sub-list { padding-top:5em; width:100%; } 
.sub-list li { padding:1.25em 0 1.5em; border-bottom:1px solid #dbdbdb } 
.sub-list li:nth-child(1) { border-top:2px solid #000 } 
.sub-list.value .list-inner { width:100%; max-width:800px; margin:0 auto; } 
.sub-list.value .list-inner .txt-box { padding-left:12em; } 
.sub-list.value .list-inner .txt-box .point-pur { display:inline-block; margin-bottom:.25em; font-size:1.25em; font-weight:600; letter-spacing:-.3px; } 
.sub-list.value .list-inner .txt-box p { font-weight:400 } 
.sub-list.value .list-inner .txt-box .m-valueCon { display:none; } 
.sub-list li:nth-child(1) .list-inner .txt-box { background:url(../images/icon/coreValue-con2.png) 2em 50%/60px no-repeat; }
.sub-list li:nth-child(2) .list-inner .txt-box { background:url(../images/icon/coreValue-con3.png) 2em 50%/60px no-repeat; } 
.sub-list li:nth-child(3) .list-inner .txt-box { background:url(../images/icon/coreValue-con4.png) 2em 50%/60px no-repeat; } 
.sub-list li:nth-child(4) .list-inner .txt-box { background:url(../images/icon/coreValue-con5.png) 2em 50%/60px no-repeat; } 
.sub-list li:nth-child(5) .list-inner .txt-box { background:url(../images/icon/coreValue-con6.png) 2em 50%/60px no-repeat; } 

.txt-big{font-size:1.2em;line-height:1.2em;}

.irb-area{position:relative;margin:0 auto;width:90%;max-width:1400px;}
.irb-area:after{content:"";display:block;clear:both}
.irb-area .ico-bedge{display:inline-block;margin:3px 5px 0 0;width:24px;height:24px;background:url("../images/icon/Fabicorn02.png") center center no-repeat;background-size:100% auto;vertical-align:top;}
.irb-area .irb-contents{float:left;width:62%;font-weight:400;}
.irb-area .irb-contents strong{font-weight:700;}
.irb-area .irb-contents .bg-img{display:block;margin-bottom:30px;height:290px;background:url("../images/img/irb-img1.jpg") center center no-repeat;background-size: cover;}
.irb-area .irb-contents p{margin-top:15px;font-size:1.2em;line-height:1.5em;}
.irb-area .irb-contents p:first-child{margin-top:0;}
.irb-area .irb-contents .gray-box{margin-top:60px;padding:35px 40px;border:1px solid #ebebeb;background-color:#fafafa;color:#6b53a2;border-radius:15px;}
.irb-area .certificate{float:right;width:33%;}
.irb-area .certificate img{width:100%;height:auto;}

.acre-area{text-align:center;}
.acre-area .gray-box{margin:60px 0;padding:35px 40px;border:1px solid #ebebeb;background-color:#fafafa;color:#6b53a2;border-radius:15px;text-align:center;}
.acre-area .gray-box li{display:inline-block;margin-left:10%;}
.acre-area .gray-box li:first-child{margin-left:0;}
.acre-area .gray-box li img{display:block;max-width:100%;}
.acre-area strong{font-weight:600;line-height:1.4em;}
.acre-area .txt-big{font-size:1.4em;line-height:1.4em;}
.acre-area .txt-big span{display:block}
.acre-area dl{font-size: 1.36em;line-height: 1.4em;font-weight:600;}
.acre-area dt{font-weight:400}
.acre-area dd{margin-top:15px;}
.acre-area dd ul{display:inline-block;text-align:left;}
.acre-area dd ul li{padding-left:25px;margin-top:10px;background:url("../images/icon/ico-arrowEnd.png") 7px 11px no-repeat;}



.location-map { width:100%; height:30em; background:url(../images/img/location.jpg) 50%/cover no-repeat; } 
.location-area { width:90%; max-width:1130px; margin:0 auto 0; background:#fff; text-align:center; } 
.location-area .txt-box { padding:2em 0 1.5em; font-weight:600 } 
.location-area .txt-box .point-pur { } 
.location-area .gray-box { display:table; width:100%; background:#fafafa; } 
.location-area .gray-box >div { display:table-cell; padding:1em 0; font-weight:400; vertical-align: middle;;} 
.location-area .gray-box div>span { position:relative; display:inline-block; padding-left:55px; }
.location-area .gray-box div>span span{display:block;}
.location-area .gray-box div>span:before { position:absolute; top:50%; left:0; content:""; display:inline-block; width:40px; height:40px; margin-top:-20px; border-radius:20px; vertical-align:middle; } 
.location-area .gray-box div:nth-child(1) span:before { background:#6b53a2 url(../images/icon/ico-location1.png) 50%/20px no-repeat; } 
.location-area .gray-box div:nth-child(2) span:before { background:#6b53a2 url(../images/icon/ico-location2.png) 50%/20px no-repeat; } 
.location-area .gray-box div:nth-child(3) span:before { background:#6b53a2 url(../images/icon/ico-location3.png) 50%/20px no-repeat; } 
.location-area .gray-box div:nth-child(4) span:before { background:#6b53a2 url(../images/icon/ico-location4.png) 50%/20px no-repeat; } 

.center-slide { margin-bottom:1em; } 
.centerSlide-area { position:relative; } 
.centerSlide-area .swiper-slide .info-box { position:absolute; right:0; bottom:0; width:15.625em; height:7.5em; padding:1.5em 1.2em 1em; background:#6b53a2 linear-gradient(to right, #aa94dc, #6c54a3); box-sizing:border-box; text-align:left; } 
.centerSlide-area .swiper-slide p { color:#fff; font-size:1.15em; font-weight:500; } 
.centerSlide-area .slide-ctrl { overflow:hidden; position:absolute; right:0; bottom:0; width:15.625em; height:3em; padding-left:1.2em; box-sizing:border-box; z-index:1 } 
.centerSlide-area .slide-ctrl .info-box-inner { position:relative; width:100%; height:100%; } 
.centerSlide-area .slide-ctrl .center-pagination { float:left; display:inline-block; padding-top:.8em; font-size:.95em; font-weight:300; color:#fff; } 
.centerSlide-area .slide-ctrl .arrow-wrap { float:right; position:absolute; bottom:0; right:0; } 
.centerSlide-area .slide-ctrl a { display:inline-block; width:3em; height:3em; transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; } 
.centerSlide-area .slide-ctrl a:hover { background-color:rgba(0,0,0,.2) } 
.centerSlide-area .slide-ctrl .center-next { background:url(../images/icon/ico-centerSlide-arrow.png) 50%/10px no-repeat; text-indent:-999em } 
.centerSlide-area .slide-ctrl .center-prev { background:url(../images/icon/ico-centerSlide-arrow.png) 50%/10px no-repeat; text-indent:-999em; transform:rotate(180deg) } 
.center-slide-thumb{overflow:hidden;}
.center-slide-thumb .swiper-slide img{width:100%;height:100%;min-height:10em;object-fit:cover;}

/* 시험의뢰 */
.test-process{}
.test-process:after{content:"";display:block;clear:both}
.test-process .p_left{float:left}
.test-process .p_right{float:right}
.test-process dl{width:40%;}
.test-process dl dt{display:block;height:54px;background:#ae91ec;color:#fff;font-weight:700;text-align:center;line-height:54px;}
.test-process dl dd{margin-top:40px;}
.test-process dl dd ul{}
.test-process dl dd ul li{display:block;position:relative;margin-bottom:50px;padding:15px 5px;text-align:center;line-height:1.4em;background:#fff;border:1px solid #dbdbdb;}
.test-process dl dd ul li:after{content:"";display:block;position:absolute;top:100%;left:50%;margin:20px 0 0 -10px;width:20px;height:17px;background:url("../images/icon/arrow_down.png") center top no-repeat;background-size:80% auto;}
.test-process dl dd ul li:last-child{margin-bottom:0;}
.test-process dl dd ul li:last-child:after{display:none;}
.test-process dl dd ul li.long-space{margin-bottom:155px;}
.test-process dl dd ul li.long-space:after{margin-top:65px;background-repeat: repeat-y;}
.test-process dl dd ul li .arrow{display:block;position:absolute;left:100%;top:50%;margin:-1px 0 0 5%;width:41%;height:1px;background-color:#999;}
.test-process dl dd ul li .arrow:before,
.test-process dl dd ul li .arrow:after{content:"";display:block;position:absolute;top:-5px;width:10px;height:10px;background:center center no-repeat;}
.test-process dl dd ul li .arrow:before{left:0;background-image:url("../images/icon/arrow_left.png");}
.test-process dl dd ul li .arrow:after{right:0;background-image:url("../images/icon/ico-arrowEnd.png");}
.test-process dl dd ul li .arrow.a_left:after,
.test-process dl dd ul li .arrow.a_right:before{display:none;}
.test-process dl.p_right dd ul li .arrow{left:auto;right:100%;margin:10px 5% 0 0;}
.test-process dl dd ul li .arrow.a_down{transform: rotate( -22deg );margin-top: -52px;}

.contact-process{}
.contact-process ul{}
.contact-process ul:after{content:"";display:block;clear:both}
.contact-process li{float:left;position:relative;margin:0 3% 10%;width:27.3%;text-align:center;}
.contact-process li:after{content:"";display:block;position:absolute;left:100%;top:153px;margin-left:8%;width:20px;height:20px;background:url("../images/icon/step-arrow.png") center center no-repeat;background-size:100% auto;}
.contact-process li.a_down:after{top:115%;left:50%;margin-left:-10px;transform: rotate( 90deg );}
.contact-process li.a_rtl:after{left:0%;margin-left:-14%;transform: rotate( 180deg );}
.contact-process li:last-child:after{display:none;}
.contact-process li img{width:50%;height:auto;}
.contact-process li strong{display:block;margin:10px 0 20px;padding:12px 5px;border-radius:20px;background-color:#ae91ec;color:#fff;font-weight:600;}
.contact-process li p{}
.contact-process li p .br{display:block;}
.contact-process li.a_rtl{float:right}

.btn_wrap{margin-top:60px;}
.btn_wrap .btn_contact{display:block;position:relative;;margin:0 auto;width:400px;height:60px;background-color:#6b53a2;color:#fff;text-align:center;line-height:60px;font-weight:600;border-radius:30px;}
.btn_wrap .btn_contact:after{content:"";display:block;position:absolute;top:50%;right:10%;margin-top:-5px;;width:10px;height:10px;background:url("../images/icon/arrow_wh_r.png") center center no-repeat;background-size:8px auto;}

.auth-mark{}
.a_center{text-align:center}
.auth-mark .a_center{line-height:2em;}
.mark_area{margin-top:50px}
.mark_area .left_img{height:300px;padding:6% 5% 8%;background:url("../images/img/mark-bg.jpg") center center no-repeat;background-size: cover;text-align:left;}
.mark_area .left_img strong{display:block;position:relative;margin-bottom:20px;font-size:1.2em;font-weight:600;}
.mark_area .left_img strong:after{content:"";display:block;position:absolute;top:-10px;left:0;width:40px;height:3px;background-color: #6b53a0;}
.mark_area .left_img p{font-size:1em;line-height:1.4em;font-weight:400;color:#666}
.mark_area .left_img p .br{display:block;}
.mark_area .right_mark{margin-top:4em;}
.mark_area .right_mark dl{}
.mark_area .right_mark dl dt{margin-bottom:15px;padding:12px;background-color:#6b53a0;color:#fff;font-weight:600;border-radius:15px;text-align:center;}
.mark_area .right_mark dl dd{padding:30px;background-color:#fafafa;border:1px solid #dbdbdb;border-radius:15px;}
.mark_area .right_mark dl dd ul{}
.mark_area .right_mark dl dd ul:after{content:"";display:block;clear:both}
.mark_area .right_mark dl dd ul li{float:left;margin:10px 2%;width:10%;}
.mark_area .right_mark dl dd ul li img{display:block;margin:0 auto;width:90%;}
.mark_area .right_mark dl dd p{margin-top:30px;padding-top:20px;border-top:1px solid #dbdbdb;text-align:center;}


.step-wrap { border:1px solid #ddd; box-sizing:border-box } 
.step-wrap > div { display:block; width:50%; box-sizing:border-box; text-align:center; } 
.step-wrap > div.on { background:#6b53a2; border:1px solid #6b53a2; color:#fff; } 
.step-wrap > div span { display:block; padding:1.2em 0; font-weight:500; letter-spacing:-.3px; } 

.table-wrap { padding-top:2em; } 
.table-header .tb-small { padding-bottom:.25em; text-align:right; font-size:.85em; color:#999; } 
.table-header .tb-small .point-pur { font-weight:500; } 

.div-table { border-top:1px solid #000 } 
.div-table .table-tr { display:table; width:100%; overflow:hidden; } 
.div-table .table-tr > div { } 
.div-table .table-th { display:table-cell; width:20%; background:#f4f3f8; font-weight:500; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd } 
.div-table .table-td { display:table-cell; width:80%; border-bottom:1px solid #ddd } 
.div-table .table-td .chk-basic { float:left; min-width:20em; padding:.35em 2em 0.35em 0; box-sizing:border-box;} 
.div-table .table-td .chk-basic.vertical { float:none; } 
.div-table .table-tr:first-child .chk-basic { min-width:12em; padding:.35em 0 } 
.div-table .table-td .td-inner { display:block; width:100%; padding:1em; border-bottom:1px solid #ddd } 
.div-table .table-td .td-inner:last-child { border-bottom:none } 
.div-table .table-td .check-wrap { overflow:hidden; } 
.div-table .table-td .td-inner .sub-tit { padding-bottom:.5em; font-size:.95em; font-weight:500; letter-spacing:-.3px; } 
.div-table .table-td .td-pd { overflow:hidden; padding:1em; }
.div-table .table-td .date{max-width:200px;cursor: pointer;}
.chk-basic input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.chk-basic input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:26px; cursor:pointer; } 
.chk-basic input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:3px; width:18px; height:18px; text-align:center; background:url(../images/icon/ico-check.png)50% 100%/18px no-repeat; box-sizing:border-box; } 
.chk-basic input[type="checkbox"]:checked + label:after { content: ''; position:absolute; top:3px; left:0; width:18px; height:18px; background:url(../images/icon/ico-check.png)50% 0/18px no-repeat } 
.chk-basic input[type="checkbox"] span { font-size:.95em; font-weight:400; letter-spacing:-.3px; } 
.chk-basic input[type=checkbox]:disabled + label:before {  background-image: url('../images/icon/ico-check-disabled.png');}

.bt-btn { margin-top:3em; text-align:center; } 
.bt-btn a:not(:last-child){margin-right:1em;}
.bt-btn a { padding: 0 4em; background:#6b53a2; color:#fff!important; } 
.btn2{margin-top:4em;}
.bt-btn .link_cal,
.bt-btn .link_talk{display:inline-block;background-color:inherit;color:#333!important;height:60px;line-height:60px;border-radius:5px;border:1px solid #635523;font-weight: 700;}
.bt-btn .link_talk{background-color: #fbe000;}
.bt-btn .link_cal{background-color: #f3f3f3;}
.bt-btn .link_cal span{display:inline-block;margin-left:5px;}
.bt-btn .link_cal:before,
.bt-btn .link_talk:before{content: "";display:inline-block;margin-right:6px;width:30px;height:100%;background:center center no-repeat;vertical-align: top;}
.bt-btn .link_talk:before{background-image:url('../images/icon/kakao.png');background-size: 90% auto;}
.bt-btn .link_cal:before{background-image:url('../images/icon/contact-02.png');background-size:120% auto;}


.table-wrap.step2 .div-table .table-td .td-pd{padding:.75em}
.div-table .table-half { float:left; display:table; width:50%; } 
.div-table .table-half .table-th { width:40% } 

.ipt-phone{}
.ipt-phone:after{content:"";display:block;clear:both}
.ipt-phone select { padding:.7em } 
.ipt-phone select, .ipt-phone input { float:left; width:calc(100% / 3 - 11px)!important } 
.ipt-phone i { float:left; padding:0 6px 0 4px; line-height:3.06em; } 

.div-table .table-td .radio-wrap { overflow:hidden;padding:.5em 0} 
.div-table .table-td .radio-basic { float:left;min-width:7em;padding:.35em 2em 0.35em 0; } 
.div-table .table-td .radio-wrap.gender{padding:.45em 0}
.div-table .table-td .radio-wrap.gender .radio-basic{min-width:initial}
.radio-basic input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.radio-basic input[type="radio"] + label { display:inline-block; position:relative; padding-left:26px; cursor:pointer; } 
.radio-basic input[type="radio"] + label:before { content:''; position:absolute; left:0; top:6px; width:18px; height:18px; text-align:center; background:url(../images/icon/ico-radio.png)50% 100%/18px no-repeat; box-sizing:border-box;line-height:30px;} 
.radio-basic input[type="radio"]:checked + label:after { content: ''; position:absolute; top:6px; left:0; width:18px; height:18px; background:url(../images/icon/ico-radio.png)50% 0/18px no-repeat } 
.radio-basic.type2 input[type="radio"] + label {padding-left:26px;} 
.radio-basic.type2 input[type="radio"] + label:before { width:22px; height:20px; background:url(../images/icon/ico-radio2.png) no-repeat 0 0;} 
.radio-basic.type2 input[type="radio"]:checked + label:after {  top:3px;width:22px; height:20px; background:url(../images/icon/ico-radio2.png) no-repeat 0 -23px}

.hidden-ipt { display:none; padding-top:.5em; } 
.hidden-ipt.show { display:block; }  

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { display: none } 
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; z-index: 1; } 

.table-td .date {width:100%;}
.table-td .date input[type="date"] {position:relative; width:100%;min-width:100%;height:50px; padding:0 .5em; border:1px solid #ddd; background:#fff;box-sizing:border-box; appearance: none;-moz-appearance: none; -webkit-appearance: none;border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} 
.table-td .date input:after {position: absolute; top:50%; right:10px; content: ''; width: 20px; height:20px; background: #fff url('../images/icon/ico-date.png')100% 50%/1em no-repeat; transform: translateY(-50%); z-index: 0; } 

.table-td .file-input{overflow:hidden;max-width:32em;width:100%;}
.table-td .file-input .file-inner{float:left;display:inline-block;position:relative;width:70%;}
.table-td .file-input .file-inner input{display:inline-block;width:100%;}
.table-td .file-input .file-inner .del-btn{content:"";display:inline-block;position:absolute;top:50%;right:1em;width:1em;height:1em;margin-top:-.5em;text-indent:-999em;background:url(../images/icon/ico-delete.png)50%/1em no-repeat;}
.table-td .file-input button{float:left;display:inline-block;width:30%;height:50px;padding:.75em 0;border:1px solid #6b53a2;color:#6b53a2;font-weight:500;box-sizing:border-box;text-align:center;}

.table-td .sel-wrap{max-width:50%}
.table-td .sel-wrap:after{display:block;content:"";clear:both;}
.table-td .sel-wrap .sel-inner{float:left;display:inline-block;width:calc(50% - .4em)}
.table-td .sel-wrap .sel-inner:first-child{margin-right:.8em}
.table-td .sel-wrap .sel-inner select{width:100%}

.table-bt{margin-bottom:3em;}
.table-bt .bt-tit{padding-bottom:1em;font-size:1.125em;font-weight:600;letter-spacing:-.5px;}
.table-bt .tableBt-inner{padding:1em .5em 1.5em;border-top:1px solid #000;border-bottom:1px solid #ddd}
.table-bt .chk-basic{padding:.3em 0;}
.table-bt .a_rigth{text-align:right;margin-top:5px;}
.table-bt .chk-basic span{font-weight:400;vertical-align:top;}
.table-bt .sub-txt{color:#999;font-weight:300;letter-spacing:-.3px;}
.table-bt .bt-table{width:100%;margin-top:1em;border:1px solid #ddd;text-align:left;}
.table-bt .bt-table th, .table-bt .bt-table td{padding:.8em;}
.table-bt .bt-table tr:not(:last-child) th, .table-bt .bt-table tr:not(:last-child) td{border-bottom:1px solid #ddd}
.table-bt .bt-table th{font-weight:400;background:#f4f3f8}
.table-td .tdInner-info{padding-bottom:.5em;font-size:.9em;font-weight:400;}
.table-bt .bt-table .radio-basic{display:inline-block;margin-right:10px;line-height:30px;}
.table-bt .bt-table .radio-basic.etc{}
.table-bt .bt-table .radio-basic.etc input[type=text]{display:inline-block !important;margin-left:6px;width:130px}


/* 캡챠 자동등록(입력)방지 기본 - PC */
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../images/icon/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:140px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../images/icon/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



/* 시험항목 */
.top-tab {max-width:1300px;margin:0 auto;}
.tab-btn{overflow:hidden;;width:100%;}
.tab-btn li{float:left;display:block;width:calc(100% / 5);}
.tab-btn li:not(:last-child) a{border-right:none;}
.tab-btn li a{display:block;width:100%;height:4em;border:1px solid #dbdbdb;color:#333;font-size:1em;font-weight:500;line-height:4em;text-align:center;letter-spacing:.3px;word-break:break-word;box-sizing:border-box;}
.tab-btn li.on a{background:#6b53a2;color:#fff;font-weight:600;}
.tab-btn li a.line2{height:4em;padding:12px 10px;line-height:1.3}
.testItem-wrap .label-wrap{border-bottom:2px solid #6b53a2}
.testItem-wrap .label-wrap:not(:first-child){padding-top:3em}
.testItem-wrap .list-label{display:inline-block;width:10em;margin-bottom:-1px;padding:.5em 0;background:#6b53a2;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:1.125em;font-weight:500;text-align:center;}

.testItem-wrap .list-box{position:relative}
.testItem-wrap .list-box:before{display:block;content:"";position:absolute;top:70px;left:0;right:0;width:100%;height:1px;background:#ddd;}
.testItem-wrap .list-box{border-bottom:1px solid #ddd}
.testItem-wrap .list-box .inner{overflow:hidden;position:relative;}
.testItem-wrap .list-box .inner > div{float:left;min-width:19%;padding:1.5em 3em 1.5em 3em;box-sizing:border-box;}
.testItem-wrap .list-box .inner > div.vertical{float:none;padding-bottom:0em;}
.testItem-wrap .list-box .inner > div p{position:relative;padding-left:.75em;font-weight:400}
.testItem-wrap .list-box .inner > div p:before{display:block;content:"";position:absolute;top:10px;left:0;width:5px;height:5px;background:#6b53a2;border-radius:10px;}
.testItem-wrap .list-box.etc{border-bottom:none;}
.testItem-wrap .list-box.etc:before{display:none;}
.testItem-wrap .list-box.pcline3:after{display:block;content:"";position:absolute;bottom:70px;left:0;right:0;width:100%;height:1px;background:#ddd;}
.testItem-wrap .list-box.makeup .inner > div{width:25%;padding:1.5em 3em 1.5em 1em;border-bottom:1px solid #ddd}
.testItem-wrap .list-box.makeup .inner > div.wid100{width:50%;}
.testItem-wrap .list-box.eye{border-bottom:1px solid #ddd!important}
.testItem-wrap .list-box.makeup .inner > div.bt-none{border-bottom:0}
.testItem-wrap .list-box.makeup{border-bottom:none;}
.testItem-wrap .list-box.makeup:before{display:none;}
.testItem-wrap .list-box.body .inner > div{width:20%;padding:1.5em 0 1.5em 1em;}
.testItem-wrap .list-box.body .inner > div.wid100{width:40%}
.testItem-wrap.health .list-box.makeup .inner > div.wid100{width:25%;}
.testItem-wrap .list-box .inner > div.sub-txt{height:72px;padding:1.1em 0 0 1em;line-height:1.2}
.testItem-wrap .list-box .inner > div.sub-txt span{font-size:.85em;color:#999;}
.testItem-wrap .list-box.body:after{display:block;content:"";position:absolute;bottom:70px;left:0;right:0;width:100%;height:1px;background:#ddd;}

.testItem-wrap.invitro .list-box{border-bottom:none;}
.testItem-wrap.invitro .list-box .inner > div{padding:1.5em 2em 1.5em 3em}
.testItem-wrap.health .list-box.etc .inner > div{padding:1.5em 3em 1.5em 1em}
.testItem-wrap.health .list-box .inner > div{width:20%;padding:1.5em 0em 1.5em 1em}
.testItem-wrap.health .list-box.pcline1{border-bottom:none}

.testItem-wrap .btn_wrap{margin-top:6em;}

.test-list-wrap{margin-bottom:6em;padding:0 1em;;border:solid #6b53a2;border-width:2px 0;overflow:hidden;}
.test-list-wrap ul{margin-bottom:-1px;}
.test-list-wrap ul:after{content:"";display:block;clear:both}
.test-list-wrap ul li{float:left;;width:33.3%;border-bottom:1px solid #ddd}
.test-list-wrap ul li p{display:table-cell;padding:2em 0;min-height:50px;width:100%;vertical-align:middle;}
.test-list-wrap ul li p:before{content:"";display:inline-block;margin-right:6px;width:3px;height:3px;background-color:#6b53a2;border-radius:50%;vertical-align:middle;}

.test-list-box{border-bottom:1px solid #ddd;overflow:hidden;}
.test-list-box ul{position:relative;display:table;width:100%;bottom:-1px;}
.test-list-box li{display:table-cell;padding:1em 1.5em;width:25%;border-bottom:1px solid #ddd;vertical-align:middle;height:70px;box-sizing: border-box;}
.test-list-box li p{position:relative;padding-left:12px;}
.test-list-box li p:before{content:"";display:block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#6b53a2;border-radius:50%;vertical-align:middle;}
.test-list-box li span{display:inline-block;}
.test-list-box li .q{color:#6b53a0;font-size:0.95em;}

.test-imgs{padding:0.5em 1em;background-color:#fbfbfb;border:1px solid #ddd;border-top:none;}
.test-imgs:after{content:"";display:block;clear:both}
.test-imgs dl{float:left;width:30%;margin:1em 1.5%;border:1px solid #ddd}
.test-imgs dl dt{padding:0.5em;background-color:#e8e8e8;color:#6b53a2;font-size:1.06em;font-weight:700;text-align:center;border-bottom:1px solid #ddd;}
.test-imgs dl dd{text-align:center;}
.test-imgs dl dd ul{display:inline-block;margin:1em auto;}
.test-imgs dl dd ul:after{content:"";display:block;clear:both}
.test-imgs dl dd ul li{float:left;position:relative;margin-left:60px;text-align:center;}
.test-imgs dl dd ul li:before{content:"";position:absolute;left:0;top:40%;margin-left:-35px;width:10px;height:10px;background:url("../images/icon/step-arrow.png") center center no-repeat;background-size:100% auto;}
.test-imgs dl dd ul li:first-child{margin-left:0;}
.test-imgs dl dd ul li:first-child:before{display:none;}
.test-imgs dl dd ul li img{display:block;margin:0 auto 0.5em;max-width:100%;}
.test-imgs dl.step3{width:46%;}


/* 시험항목 */
.parti-process{}
.parti-process:after{content:"";display:block;clear:both;}
.parti-process li{position:relative;float:left;width:20%;padding:.9em;box-sizing:border-box;}
.parti-process li:after{position:absolute;top:50%;right:-6px;content:"";display:block;width:11px;height:15px;background:url(../images/icon/step-arrow.png)50%/11px no-repeat;}
.parti-process li.last:after,
.parti-process li:nth-child(5n):after{display:none;}
.parti-process li .step-inner{height:16em;max-height:16em;background:#fff;padding:2em 1em 1em;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1);text-align:center;box-sizing:border-box;}
.parti-process li i{display:block;width:4em;height:4em;margin:0 auto;}
.parti-process li i.step1{background:url(../images/icon/step1.png)50%/4em no-repeat;}
.parti-process li i.step2{background:url(../images/icon/step2.png)50%/4em no-repeat;}
.parti-process li i.step3{background:url(../images/icon/step3.png)50%/4em no-repeat;}
.parti-process li i.step4{background:url(../images/icon/step4.png)50%/4em no-repeat;}
.parti-process li i.step5{background:url(../images/icon/step5.png)50%/4em no-repeat;}
.parti-process li i.step6{background:url(../images/icon/step6.png)50%/4em no-repeat;}
.parti-process li i.step7{background:url(../images/icon/step7.png)50%/4em no-repeat;}
.parti-process li i.step8{background:url(../images/icon/step8.png)50%/4em no-repeat;}
.parti-process li i.step9{background:url(../images/icon/step9.png)50%/4em no-repeat;}
.parti-process li i.step10{background:url(../images/icon/step10.png)50%/4em no-repeat;}
.parti-process .step-label{display:inline-block;margin:.75em 0;padding:.15em .75em;border-radius:15px;background:#f4f3f8;color:#6b53a2;font-size:.85em;font-weight:600;}
.parti-process p{font-size:1em;font-weight:500;letter-spacing:-.3px;color:#333;}
.parti-process p span{font-size:.875em;font-weight:400}

.parti-process li .step-link{padding:0;background-color:#7858a2;color:#fff;}
.parti-process li .step-link a{display:block;height:100%;color:#fff;}
.parti-process li .step-link a strong{display:block;padding-top:3em;font-size:1.3em;font-weight:700;padding-bottom:60px;background:url("../images/icon/btn_link.png") center bottom no-repeat;color:#fff;}

.custom-txt{width:90%;max-width:30em;margin:0 auto;text-align:center;font-weight:400;}
.custom-bg{height:21em;padding-top:7.5em;margin-top:3em;background:url(../images/img/custom-bg.jpg)50%/cover no-repeat;text-align:center;box-sizing:border-box;}
.custom-bg .custom-inner{position:relative;overflow:hidden;display:inline-block;min-width:40em;}
.custom-bg .custom-inner:after{display:block;content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#fff;}
.custom-bg .custom-inner >div{display:inline-block;float:left;width:50%;text-align:left;padding: 1em 3em;box-sizing: border-box;}
.custom-bg .custom-inner >div p, .custom-bg .custom-inner > div span{color:#fff}
.custom-bg .custom-inner >div p{font-size:1.25em;font-weight:600;letter-spacing:-.3px;;}
.custom-bg .custom-inner .call i{display:inline-block;width:3.5em;height:3.5em;border-radius:30px;border:1px solid #fff;background:url(../images/icon/customCon1.png)50%/1.5em no-repeat;}
.custom-bg .custom-inner .fax i{display:inline-block;width:3.5em;height:3.5em;border-radius:30px;border:1px solid #fff;background:url(../images/icon/customCon2.png)50%/1.5em no-repeat;}
.custom-bg .custom-inner .fl-wrap .fL:nth-child(2){margin-left:1em;}
.custom-bg .custom-inner .call{}

.basic-list{border-top:1px solid #000;}
.basic-list .bList-inner{display:table;width:100%;padding:2.5em 4em;border-bottom:1px solid #ddd;box-sizing:border-box;}
.basic-list .bList-inner .bList-cell{display:table-cell;vertical-align:middle;}
.basic-list .bList-inner .bList-cell.left{width:calc(100% - 13em)}
.basic-list .bList-inner .bList-cell.right{width:13em;text-align:center;}
.basic-list .top-label{display:inline-block;padding:.15em .75em;border-radius:20px;background:#6b53a2;color:#fff;font-size:.95em;font-weight:400}
.basic-list .bList-tit{padding:.5em 0;font-size:1.25em;font-weight:600;letter-spacing:-.5px;}
.basic-list .dl{overflow:hidden;}
.basic-list dt, .basic-list dd{line-height:1.7;}
.basic-list dt{position:relative;float:left;min-width:9em;margin-right:1em;font-weight:500}
.basic-list dt:after{content:"";display:block;position:absolute;top:6px;right:0;width:1px;height:17px;background:#ddd}
.basic-list .btn-radius{display:inline-block;padding:.75em 2em;font-size:.95em;letter-spacing:-.5px;}
.basic-list dd{float:left;width:calc(100% - 10em)}

.recruitment_list{border-top:2px solid #999;}
.recruitment_list thead th{padding:10px 10px;border-bottom:1px solid #d6d6d6;font-weight:500;background-color:#fafafa;}
.recruitment_list tbody tr{cursor: pointer;}
.recruitment_list tbody tr:hover{background-color:#f7f7f7;}
.recruitment_list tbody td{padding:10px;text-align:center;border-bottom:1px solid #ebebeb;}
.recruitment_list tbody td a{display:block;padding:10px 10px;text-align:left;}
.recruitment_list .noti td{background-color:#f6f1ff73;color:#333}
.recruitment_list .noti td .i{color:#6b53a2}
.recruitment_list .date{text-align:center;}
.recruitment_list .date span{display:inline-block;margin:0 6px;}
.recruitment_list .label-ing,
.recruitment_list .label-end{display:inline-block;padding:8px;width:80px;border-radius:20px;border:1px solid #6b53a2;color:#6b53a2}
.recruitment_list .label-ing{background-color: #6b53a2;color:#fff}

.list-empty{border-top:1px solid #000;text-align:center;}
.list-empty p:nth-child(1){padding-top:3.2em;background:url(../images/icon/ico-notice.png)50% 0/50px no-repeat;font-size:1.25em;font-weight:400;letter-spacing:-.5px;}
.list-empty p:nth-child(1) span{font-weight:600}
.list-empty p:nth-child(2){padding-top:.75em;font-weight:400;line-height:1.4;} 
.bt-pagination{overflow:hidden;margin:3em 0 0;text-align:center;}
.bt-pagination a, .bt-pagination strong{display:inline-block;margin:0 3px;width:30px;height:30px;line-height:30px;font-size:.9em;color:#999}
.bt-pagination strong{border-radius:30px;background:#6b53a2;color:#fff;}
.bt-pagination a:hover{color:#6b53a2}
.bt-pagination a.prev{transform:rotate(180deg);background:url(../images/icon/ico-pageArrow.png)50%/4px no-repeat;text-indent:-999em}
.bt-pagination a.next{background:url(../images/icon/ico-pageArrow.png)50%/4px no-repeat;text-indent:-999em}

/* 인재채용 */
.wide-box{width:100%;height:30em;background:url(../images/img/recruit-bg.jpg)50%/cover no-repeat;color:#fff;text-align:center}
.wide-box span{display:block;padding-top:10em;font-weight:400;}
.wide-box p{display:inline-block;font-size:1.875em;font-weight:600;}
.recruitCon-box{width:90%;max-width:1300px;margin:-7em auto 0;padding:3em 2em 4em;background:#fff;box-sizing:border-box;}
.recruitCon-box ul{overflow:hidden;}
.recruitCon-box li{float:left;width:33.333%;padding:0 2em;text-align:center;box-sizing:border-box;}
.recruitCon-box li i{display:inline-block;width:10em;height:10em;border-radius:10em;border:5px solid #f4f3f8;box-shadow:2px 2px 5px rgba(136,136,136,.2)}
.recruitCon-box li:nth-child(1) i{background:#fff url(../images/icon/recruit1.png)50%/4.3em no-repeat;}
.recruitCon-box li:nth-child(2) i{background:#fff url(../images/icon/recruit2.png)50%/4.3em no-repeat;}
.recruitCon-box li:nth-child(3) i{background:#fff url(../images/icon/recruit3.png)50%/4.3em no-repeat;}
.recruitCon-box .conBox-tit{padding:1em 0;border-bottom:1px solid #6b53a2;color:#6b53a2;font-size:1.25em;font-weight:600;letter-spacing:-.5px;}
.recruitCon-box .conBox-txt{padding-top:1em;font-weight:400;letter-spacing:-.3px;}

.mission-slide{width:100%;max-width:1300px;height:30em;overflow:hidden;}

.mission-slide .swiper-slide .mission-box {display:table; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mission-slide .swiper-slide .mission-box .inner {display:table-cell; vertical-align:middle; text-align:center;}
.mission-slide .swiper-slide .mission-box span {padding-top:1em;color:#fff; font-size:1.125em; font-weight:500;}
.mission-slide .swiper-slide .mission-box p {color:#fff; font-size:1.875em; line-height:1.4; font-weight:600;}
.mission-slide .swiper-slide.swiper-slide-active .mission-box span {opacity:1;padding-top:0;display:block;color:#FFF; font-size:20px; line-height:20px; font-weight:500;transition-duration:1s; transition-property:opacity,bottom; transition-delay:.2s}
.mission-slide .swiper-slide.swiper-slide-active .mission-box p {opacity:1;margin-top:1em;transition-duration:1s; transition-property:opacity,bottom; transition-delay:.4s}

.swiper-slide.s1{background:url(../images/img/vision1.jpg)50%/cover no-repeat;}
.swiper-slide.s2{background:url(../images/img/vision2.jpg)50%/cover no-repeat;}



.recruit-wrap,
.mission-wrap{margin:0 auto 3em;width:100%;max-width:1300px;height:30em;overflow:hidden;}
.recruit-wrap{height:auto;}

.mission-wrap .swiper-slide .mission-box {display:table; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mission-wrap .swiper-slide .mission-box .inner {display:table-cell; vertical-align:middle; text-align:center;}
.mission-wrap .swiper-slide .mission-box span {padding-top:1em;color:#fff; font-size:1.125em; font-weight:500;}
.mission-wrap .swiper-slide .mission-box p {color:#fff; font-size:1.875em; line-height:1.4; font-weight:600;}
.mission-wrap .swiper-slide.swiper-slide-active .mission-box span {opacity:1;padding-top:0;display:block;color:#FFF; font-size:20px; line-height:20px; font-weight:500;transition-duration:1s; transition-property:opacity,bottom; transition-delay:.2s}
.mission-wrap .swiper-slide.swiper-slide-active .mission-box p {opacity:1;margin-top:1em;transition-duration:1s; transition-property:opacity,bottom; transition-delay:.4s}

.swiper-wrap.s1{background:url(../images/img/vision1.jpg)50%/cover no-repeat;}
.swiper-wrap.s2{background:url(../images/img/vision2.jpg)50%/cover no-repeat;}



.board-con{border-top:1px solid #000;}
.board-con ul{overflow:hidden;}
.board-con li{float:left;width:50%;padding:3em 0 3em 10em;box-sizing:border-box;background-position:2em 50%;background-size:5.6em;background-repeat:no-repeat;}
.board-con li.bg{background-color:#fafafc;}
.board-con li:nth-child(1){background-image:url(../images/icon/board-con1.png)}
.board-con li:nth-child(2){background-image:url(../images/icon/board-con2.png)}
.board-con li:nth-child(3){background-image:url(../images/icon/board-con3.png)}
.board-con li:nth-child(4){background-image:url(../images/icon/board-con4.png)}
.board-con li:nth-child(5){background-image:url(../images/icon/board-con5.png)}
.board-con li:nth-child(6){background-image:url(../images/icon/board-con6.png)}
.board-con li:nth-child(7){background-image:url(../images/icon/board-con7.png)}
.board-con li:nth-child(8){background-image:url(../images/icon/board-con8.png)}
.board-con li:nth-child(9){background-image:url(../images/icon/board-con9.png)}
.board-con li:nth-child(10){background-image:url(../images/icon/board-con10.png)}

.board-con span{font-size:1.1em;font-weight:600;letter-spacing:-.3px;}
.board-con p{font-weight:400;letter-spacing:-.3px;}

.recruit-tab{overflow:hidden;}
.recruit-tab > div{float:left;width:33.333%;padding:1em }

.top-tab.recruit li{width:calc(100% / 3)}
.basic-list.recruit{margin-top:2em;}
.basic-list .bList-inner .bList-cell.left{width:calc(100% - 14em)}
.basic-list .top-label{min-width:3em;text-align:center;}
.basic-list .top-label.bd-btn{background:#fff;border:1px solid #6b53a2;color:#6b53a2;}
.basic-list .topLabel-wrap .top-label:not(:first-child){margin-left:.25em;}
.basic-list.recruit .bList-cell a:nth-child(2){margin-top:.5em;}
.basic-list.recruit .bList-cell a{min-width:14em;}
.basic-list .bList-date{color:#666;font-size:.95em;font-weight:400;line-height:1.3}
.basic-list .bList-date span{display:inline-block;padding-left:1em;font-weight:500;}
.basic-list .btn-radius:hover{border:1px solid #fff;background:#6b53a2;color:#fff}


/* 홍보센터 */
.news-list-top{overflow:hidden;}
.total-info{float:left;margin-top:28px;font-size:.9em;font-weight:400;}
.search-wrap{overflow:hidden;float:right;width:35%;}
.search-wrap select{float:left;width:30%;padding:.72em}
.search-wrap input{float:left;width:calc(50% - 10px)!important;margin:0 5px;}
.search-wrap a{float:left;display:block;width:20%;height:50px;line-height:50px;background:#6b53a2;color:#fff!important;text-align:center;}

.content-list{margin-top:1.7em;border-top:2px solid #333}
.notice-list li{overflow:hidden;border-bottom:1px solid #ddd;}
.notice-list li span, .notice-list li p{display:block;float:left;color:#333;padding:1.5em 0;font-size:1em;font-weight:400;word-break:keep-all;}
.notice-list li span{width:10%;text-align:center;}
.notice-list li p:nth-child(2){width:calc(80% - 1em);padding-right:1em;}
.notice-list li p:nth-child(3){width:10%}

.view-wrap{width:100%;margin-top:1em;border-top:2px solid #333}
.view-wrap .view-info{overflow:hidden;border-bottom:1px solid #ddd;padding:1.5em 1em;color:#333;font-size:1em;}
.view-wrap .view-info .view-title{display:inline-block;width:80%;;font-weight:500}
.view-wrap .view-info .view-title.view-source{width:auto}
.view-wrap .view-info .view-date.view-source-link{width:calc(100% - 6.938em);padding-left:1.5em;box-sizing:border-box;}
.view-wrap .view-info .view-date.view-source-link a{text-decoration:underline;text-underline-position:under;color:#000}
.view-wrap .view-info .view-date{float: right;display:inline-block;font-size:.95em;}
.view-wrap .view-con{width:100%;padding:3em 1em;border-bottom:1px solid #ddd;box-sizing:border-box;font-weight:400;color:#333;line-height:1.7;letter-spacing:-.3px;word-break:keep-all}
.view-wrap .view-conImg{margin-bottom:3em;text-align:center;}
.view-wrap .view-con p > a{word-break:break-all;}
.view-wrap .view-linkPage{padding:0 1em;border-bottom:1px solid #ddd;color:#333;}
.view-wrap .view-linkPage a{display:inline-block;padding:1.5em 0 1.5em 2em;font-size:1em;font-weight:400;color:#333!important;}
.view-wrap .view-linkPage .btn-prevPage,
.view-wrap .view-linkPage .btn-nextPage{padding-left:0;font-weight:500;}
.view-wrap .view-linkPage .btn-prevPage:before,
.view-wrap .view-linkPage .btn-nextPage:before{float:right;content:"";display:inline-block;width:27px;height:27px;margin-left:40px;background:url(../images/icon/btn-listPage.png)50%/12px no-repeat;}
.view-wrap .view-linkPage .btn-nextPage:before{transform: rotate(180deg);}

.none-linkPage{display:inline-block;padding:1.5em 0 1.5em 2em;font-weight:400;color:#999}
.news-list li{display:table;overflow:hidden;width:calc(100% - 3em);padding:1.5em;vertical-align:middle;border-bottom:1px solid #dbdbdb;table-layout:fixed}
.news-list li.noti{background-color:#f6f1ff73;}
.news-list li.noti a span{display:inline-block;margin-right:5px;color:#6b53a2;}
.news-thumb{display:table-cell;width:30%;vertical-align:middle;}
.news-thumb a{overflow:hidden;display:block;height: 100%;}
.news-thumb a img{width:100%;height:14em;object-fit:cover;}
.news-con{display:table-cell;width:calc(70% - 1em);padding-left:2em;vertical-align:middle;}
.news-con a{display:block;margin-top:.3em;color:#333!important;font-size:1.2em;font-weight:600;word-break:keep-all;}
.news-con a:hover{color:#6b53a2!important}
.news-con .news-txt{overflow:hidden;height:5.2em;margin:1em 0;color:#333;font-size:1em;font-weight:400;letter-spacing:-.3px;word-break:keep-all;white-space:normal;line-height:1.8;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news-con .news-date{font-size:.9em;color:#999999}

.list-wrap .list-item > div{padding:0 2em;}
.list-toggle .list-titCon{background:url('../images/icon/ico-toggleArrow.png')98% 50%/20px no-repeat;border-bottom:1px solid #ddd;text-align:left;cursor:pointer}
.list-toggle .list-titCon.on{background:url('../images/icon/ico-toggleArrow-on.png')98% 50%/20px no-repeat;}
.list-toggle .list-titCon .list-tit{position:relative;overflow:hidden;padding:1.5em 2em 1.5em 4em;text-overflow:ellipsis;font-weight:400;color:#333;line-height:1.7;white-space:nowrap}
.list-toggle .list-titCon .list-tit:before{position:absolute;top:1.5em;left:0;display:block;content:"";width:2em;height:2em;background:url(../images/icon/faq-1.png)0 50%/2em no-repeat;}
.list-toggle .list-subs{background:#f7f7f7;border-bottom:1px solid #ddd}
.list-toggle .list-subs .list-txt{position:relative;padding:1.8em 2em 1.8em 4em;font-size:1em;font-weight:400}
.list-toggle .list-subs .list-txt:before{position:absolute;top:1.5em;left:0;display:block;content:"";width:2em;height:2em;background:url(../images/icon/faq-2.png)0 50%/2em no-repeat;}
.list-toggle .list-subs .list-txt b{font-weight:500}
.list-toggle.faq .list-titCon .list-tit{text-overflow:initial;white-space: initial;line-height:1.5}


/* 개인정보 처리방침 */
header.privacy{background:#fff;border-bottom-color:rgba(229,229,229,1);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
header.privacy .logo-hc a{background-position: 0 -3.95em}
header.privacy .gnb > li a{color:#222;font-weight:500}
header.privacy .btn-radius{color:#333;border-color:#333}
header.privacy .btn-siteMap span{background:#333}
header.privacy .gnb .sub-menu a{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}

.privacy .privacy-top{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #999}
.privacy .privacy-top h1{font-size:1.785em;font-weight:700;letter-spacing:-1px;}
.privacy strong{display:block;margin:3em 0 1em;font-size:1.125em;font-weight:500}

header.on .hd-btn a{border-color:#000;color:#333}
.hd-btn{position:absolute;right:3em;top:1.5em}
.hd-btn a{display:inline-block;padding:1em 1.466em;border:1px solid #fff;border-radius:50px;color:#fff;font-size:0.875em;font-weight:500;line-height:1}



/*zia*/
.txt-bullet{font-size:1.125em;font-weight:600;color:#333;line-height:1}
.txt-bullet:before{content:"";display:inline-block;width:18px;height:18px;margin-right:3px;background:url('../images/icon/ico-bullet.png') no-repeat 50% 50%;vertical-align:top}

.irb-box .txt-bullet{margin-bottom:1em}

.box-gray{border:1px solid #dbdbdb;border-radius:10px;background:#fafafa;padding:1.875em}
.box-gray .box-tit{font-size:1.5em;font-weight:600;color:#222}
.box-gray .box-tit span{display:inline-block;margin-left:.3em;font-size:0.750em;font-weight:600}

.list-bullet{margin-top:1.2em}
.list-bullet .lb-tit{font-size:1.125em;font-weight:600;color:#222}
.list-bullet .lb-con{position:relative;margin-top:.3em;padding-left:.5em;font-size:1.125em;font-weight:400;color:#222}
.list-bullet .lb-con:before{content:"";position:absolute;top:50%;left:0;display:block;width:5px;height:5px;background:#6c54a3;border-radius:50%;transform:translateY(-50%)}

.table-bt .tableBt-inner.pp-con{padding:0}
.table-bt .tableBt-inner.pp-con .txt-sub{display:none;overflow-y:auto;height:15em;padding:1.2em 1em;font-size:1em;font-weight:300;border-top:1px solid #dbdbdb;color:#333}
.table-bt .tableBt-inner.pp-con .toggle-tit{position:relative;border-top:1px solid #dbdbdb;padding:1.3em 1em}
.table-bt .tableBt-inner.pp-con .toggle-tit span{font-weight:500}
.table-bt .tableBt-inner.pp-con .toggle-tit:first-child{border-top:none}
.table-bt .tableBt-inner.pp-con .toggle-tit .btn-more{position:absolute;top:50%;right:1.2em;display:block;width:20px;height:11px;background:url('../images/icon/ico-arrowB.png') no-repeat 0 0;background-size:contain;transform:translateY(-50%) rotate(180deg);transition:transform .2s}
.table-bt .tableBt-inner.pp-con .toggle-tit .btn-more.on{transform:translateY(-50%) rotate(0deg);transition:transform .2s}

.table-bt-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:1em}
.table-bt-top .bt-tit{padding-bottom:0}

.btn-agreeTotal{display:inline-block;width:120px;height:40px;border-radius:50px;text-align:center;border:1px solid #6c54a3;color:#6c54a3 !important;font-weight:500;font-size:14px;line-height:40px;}
.btn-agreeTotal .ico-chk{display:inline-block;width:12px;height:9px;margin-left:3px;background:url('../images/icon/ico-chk.png') no-repeat 0 0;}
.btn-agreeTotal.on{background:#6c54a3;color:#fff !important}
.btn-agreeTotal.on .ico-chk{background-position-y:-9px}

.ir-box-wrap{max-width:1280px;display:flex;flex-direction:row;justify-content:space-between;margin:4em auto 0}
.ir-box-wrap .ir-box-visual{position:relative;width:765px;text-align:left;background:url('../images/img/ir-background.png') no-repeat 100% 0}
.ir-box-wrap .ir-box-visual .ir-text{position:absolute;top:50%;left:50px;transform:translateY(-50%)}
.ir-box-wrap .ir-box-visual .ir-text h1{font-size:1.875em;font-weight:600;color:#333}
.ir-box-wrap .ir-box-visual .ir-text h1:before{content:"";display:block;width:45px;height:5px;margin-bottom:.8em;background:#6c54a3}
.ir-box-wrap .ir-box-visual .ir-text .ir-sub{margin-top:1.5em;font-size:1.125em;font-weight:400;color:#333;line-height:1.7}
.ir-box-wrap .ir-box-visual .ir-text a{position:relative;display:inline-block;margin-top:2.5em;font-size:1em;font-weight:400}
.ir-box-wrap .ir-box-visual .ir-text a:after{content:"";display:block;width:100%;height:1px;margin-top:2+px;background:#333}
.ir-box-wrap .ir-box-visual .ico-bedge{position:absolute;top:2em;right:3em}
.ir-box-wrap .ir-box-ipt{width:470px;padding:2.688em 2.813em;background:#f4f4f4;box-sizing:border-box}
.ir-box-wrap .ir-box-ipt .ipt-box .chk-basic{margin-top:.8em;font-size:14px;color:#333;font-weight:400;text-align:left}
.ir-box-wrap .ir-box-ipt .ipt-box .chk-basic span{display:inline-block;margin-top:2px}
.ir-box-wrap .ir-box-ipt input{margin-top:15px;height:45px}
.ir-box-wrap .ir-box-ipt .ipt-btn{margin-top:15px}
.ir-box-wrap .ir-box-ipt .ipt-btn input{margin-top:0;width:calc(100% - 110px);}
.ir-box-wrap .ir-box-ipt .ipt-btn .btn{display:inline-block;width:100px;margin-left:5px;background:#333;color:#fff;font-size:16px;font-weight:400;line-height:45px;text-align:center;vertical-align:middle}
.ir-box-wrap .ipt-box-tit{text-align:left;font-size:1.25em;font-weight:600;color:#333;letter-spacing:-.5px}
.txt-gray{color:#999}
.ir-box-wrap .ir-box-ipt .txt-gray{margin-top:1em;font-size:14px;font-weight:400}
.ir-box-wrap .ir-titsub{margin-top:1em;font-size:1em;font-weight:500;color:#333;text-align:left}
.ir-box-wrap .radio-wrap{overflow:hidden;margin-top:.5em}
.ir-box-wrap .radio-wrap .radio-basic.type2{float:left;margin-top:.5em;text-align:left}
.ir-box-wrap .radio-wrap .radio-basic.type2:nth-child(odd){width:40%}
.ir-box-wrap .radio-wrap .radio-basic.type2:nth-child(even){width:60%}
.ir-box-wrap .radio-wrap .radio-basic.type2.addIpt{width:100%}
.ir-box-wrap .radio-wrap .radio-basic.type2.addIpt input{display:inline-block;width:calc(100% - 200px);height:30px;margin:0 0 0 .8em;border:none;border-bottom:1px solid #dbdbdb;background:transparent}
.ir-box-wrap .radio-wrap .radio-basic span{font-size:1em;font-weight:400;color:#333}
.ir-box-wrap .ir-box-ipt .btn.big{height:47px;line-height:45px;margin-top:1.3em;border-radius:50px}

.btn{display:inline-block;text-align:center}
.btn.colorPurple{background:#6c54a3;color:#fff}
.btn.big{width:160px;height:50px;line-height:48px;font-size:1.125em;font-weight:500}

#pop-main{position:absolute;top:100px;left:0;padding:0 100px 0 0;width:100%;height:0px;z-index:25;box-sizing:border-box;transition: all 0.3s;text-align:right;vertical-align:top;}
#pop-main .pop-main-top img{max-width:400px;/*max-height:500px;*/width:100%;}
#pop-main .pop-main-top .swiper-container{background:#fff}
#pop-main .pop-main-top .swiper-slide a{display:block;}
#pop-main .pop-main-bottom{display:flex;justify-content:space-between;align-items:center;background:#555;color:#fff;font-size:13px;font-weight:400;padding:5px;}
#pop-main .pop-main-bottom .chk-basic{color:#fff}
#pop-main .pop-main-bottom .btn-close{color:#fff !important;font-size:13px;font-weight:400}
#pop-main .pop-main-bottom .chk-basic input[type="checkbox"] + label:before,
#pop-main .pop-main-bottom .chk-basic input[type="checkbox"]:checked + label:after{top:0}
#pop-main .swiper-pagination.pop-main-pagination{max-width:100%}
#pop-main .swiper-pagination-bullet-active{background:#7f508f}

.pop-item{display:inline-block;position:relative;max-width:400px;margin:0 2px 10px;box-shadow:#42424259 2px 2px 6px;transition: all 0.3s;vertical-align:top;}



/* IP */
.ip-contents{display:block;text-align:center;max-width:1400px}
.ip-contents ul{text-align:center;}
.ip-contents li{display:inline-block;width:140px;height:198px;margin:10px 8px;border:1px solid #d9d9d9;border-radius:5px;box-shadow:#b1b1b1a8 1px 1px 4px;overflow:hidden;vertical-align:top;}
.ip-contents li img{width:100%;height:100%;}
.ip-contents li.wide{width:300px}

.btn-apply-submit{background:gray !important;border:gray 1px solid !important;}
.btn-apply-submit.valid{background:#6b53a2 !important;}

/* 파트너사 */
.partners-area{}
.partners-area dl{margin-top:60px;}
.partners-area dl:first-child{margin-top:0;}
.partners-area dt{display:none;width: 20em;margin-bottom: -1px;padding: 0.5em 0;background: #6b53a2;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;font-size: 1.125em;font-weight: 500;text-align: center;}
.partners-area dd{padding:20px;border:1px solid #d9d9d9;background-color:#fff;border-radius:15px;box-shadow:#b1b1b1a8 1px 1px 4px;text-align:center;}
.partners-area dd ul{display:inline-block;}
.partners-area dd ul:after{content:"";display:block;clear:both}
.partners-area dd ul li{float:left;margin:10px;}
.partners-area dd ul li a{display:block;}


.schedule{border-top:0px;}
.schedule:after{content:"";display:block;clear:both}
.schedule .sch-date,
.schedule .sch-time{float:right;width:46%;border-bottom:1px solid #ddd;}
.schedule .sch-date{float:left;}
.schedule .t{display:block;padding:12px 30px;border-top: 1px solid #000;border-bottom:1px solid #ddd;font-size:1.1em;font-weight:600;}
.schedule .t:before{content:"";display:inline-block;margin-right:10px;width:30px;height:30px;background:center center no-repeat;vertical-align:middle;}
.schedule .sch-date .t:before{background-image:url("../images/icon/icon-date.png");}
.schedule .sch-time .t:before{background-image:url("../images/icon/icon-time.png");}
.schedule .sch-cont{padding:15px 20px;}

.box-scroll{padding:1.5em 1em;height:300px;overflow-y:auto;margin-bottom:20px;border-bottom: 1px solid #ddd;}

.tab4 .tab-btn li{width:calc(100% / 4); }