@charset "UTF-8";
* { -webkit-box-sizing: border-box; box-sizing: border-box; font-weight:inherit; font-size:inherit;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, select, textarea
{ margin: 0; padding: 0; border: 0; font-size: 16px; vertical-align: baseline; background: transparent; font-family: "NanumSquare", Arial, sans-serif; font-weight: 400; line-height:150%;  font-size:inherit; /* letter-spacing: -0.03em; */ }

main { display: block; }

img { max-width: 100%; vertical-align: middle; }

body { line-height: 1;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, ol, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; outline: 0; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select, textarea { vertical-align: middle; outline: 0; background:#fff;}

button { outline: 0; cursor: pointer; }


select { 
	min-width:170px;
	max-width:100%;
	height: 50px; 
	padding-left: 10px; 
	color: #333; 
	line-height:50px;
	border: 1px solid #ddd; 
	border-radius: 3px; 
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/ 
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/ 
	appearance: none;         /* 화살표 없애기 공통*/ 
background:#fff url('/design/default/images/select-arrow.png') no-repeat 92% 50%; /* 화살표 아이콘 추가 */  
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } 

/* check, hover 스타일 설정 IE, Chrome */ 
select option:checked,  
select option:hover { background: #d0111b; color: #fff; } 



.wrap{ }
.flex{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.flex .box{flex-basis: auto; flex-grow: 1; position:relative;}
.flex.two .box{width:50%;}
.flex.row{flex-direction: row;}
.flex.column{flex-direction: column;}
.forP{}
.forM{display:none;}
.clearfix:after { content: ""; display: table; clear: both; }
.ir { position: absolute; font-size: 0; height: 0; text-indent: -9999%; }
.clear{clear:both;}
.inner{position:relative; clear:both; max-width:1400px; margin:0 auto;}
.L, .fl{width:48%; float:left;}
.R, .fr{width:48%; float:right;}
.alLeft{text-align:left !important;}
.alCenter, .text-center{text-align:center !important;}
.alRight{text-align:right !important;}
.grayBg{background:#f5f5f5; padding:30px; border-radius:10px;}
.grayBorder{border:1px solid #ddd;}

.color-red{color:#cc0000 !important; }
.color-gray{color:#888 !important;}
.color-blue{color:#005d99 !important;}
.color-yellow{color:#ebba93 !important;}
.color-white{color:#fff !important;}
.color-black{color:#333 !important;}


.bold300{font-weight:300;}
.bold400{font-weight:400;}
.bold500{font-weight:500;}
.bold600{font-weight:600;}
.bold700{font-weight:700;}
.bold800{font-weight:800;}

.opacity5{opacity:0.5;}
.opacity7{opacity:0.7;}

@media all and (max-width:768px){
	.forP{display:none !important;}
	.forM{display:block !important; margin:0 auto;}
	.L, .fl, .R, .fr{width:100%; float:none;}
	.grayBg{ padding:20px;}
}


::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aa; }
::-ms-input-placeholder { color: #aaa; }
::placeholder { color: #aaa; }

@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 300; src: url("/resources/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Light.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("/resources/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Regular.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 500; src: url("/resources/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Medium.woff") format("woff"); }
@font-face { font-family: 'NanumSquareRound'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');  }
@font-face { font-family: 'NanumSquare'; font-weight: normal; font-style: normal; src: url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css') format('woff');  }
@font-face { font-family: 'Somi'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Somi.woff') format('woff'); }
@font-face { font-family: 'GmarketSansMedium'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');}
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
/*font-family: 'Iropke Batang', serif;*/
@font-face {
    font-family: 'KimjungchulScript-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 간격 */
.mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt75{margin-top:75px !important}.mt80{margin-top:80px !important;}
.ml0{margin-left:0px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .ml55{margin-left:55px !important}  .ml60{margin-left:60px !important} .ml65{margin-left:65px !important} .ml70{margin-left:70px !important} .ml75{margin-left:75px !important} .ml80{margin-left:80px !important;}
.mr0{margin-right:0px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .mr50{margin-right:50px !important} .mr55{margin-right:55px !important} .mr60{margin-right:60px !important} .mr65{margin-right:65px !important} .mr70{margin-right:70px !important} .mr75{margin-right:75px !important} .mr80{margin-right:80px !important;}
.mb0{margin-bottom:0px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .mb60{margin-bottom:60px !important} .mb65{margin-bottom:65px !important} .mb70{margin-bottom:70px !important} .mb75{margin-bottom:75px !important} .mb80{margin-bottom:80px !important;}

.pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important}.pt80{padding-top:80px !important;}
.pl0{padding-left:0px !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important}  .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important;}
.pr0{padding-right:0px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important;}
.pb0{padding-bottom:0px !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important;}



/* Button */
.btnA{text-align:center;}
.btnA a, .btnA button{display:inline-block; font-size:24px; padding:25px 0px; color:#fff; background:#ebba93; border:1px solid #ebba93; position:relative; cursor:pointer; width:100%; text-align:Center; margin:5px 0; overflow:hidden; vertical-align:middle; }
.btnA a i, .btnA button i{font-size:30px;}
.btnA a u{text-decoration:none; opacity:0.5;}
.btnA a:before, .btnA button:before{content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s ease; background:#e1975d;}
.btnA a:hover:before, .btnA button:hover:before{width:100%;}
.btnA a span, .btnA button span{position:relative; z-index:2; font-size:30px; color:#fff;}
.btnA a:hover span, .btnA button:hover span{color:#fff !important;}
.btnA a.small, .btnA button.small{font-size:18px !important;}
.btnA a.small span, .btnA button.small span{font-size:18px !important;}
.btnA a.small i, .btnA button.small i{font-size:20px;}
.btnA a.black, .btnA button.black{background:#000;  border:1px solid #000;}
.btnA a.black:before, .btnA button.black:before{background:#333;}
.btnA a.blue, .btnA button.blue{background:#00BEEC;}
.btnA a.blue:before, .btnA button.blue:before{background:#1284c5;}
.btnA a.white, .btnA button.white{background:#fff; color:#333; border:1px solid #ddd;}
.btnA a.white:before, .btnA button.white:before{background:#f1f1f1;}
.btnA a.white span, .btnA button.white span{color:#000;}
.btnA a.white:hover span, .btnA button.white:hover span{color:#000 !important;}
.btnA a.none, .btnA button.none{background:none; border:1px solid #fff; color:#fff;}
.btnA a.none:before, .btnA button.none:before{background:#fff;}
.btnA a.none:hover span, .btnA button:hover span{color:#333;}
.btnA a.none.on, .btnA button.none.on{background:#00cccc;}
.btnA a.radius, .btnA button.radius{ border-radius:50px; }
.btnA a.mint, .btnA button.mint{background:#00c2c4; border:1px solid #00c2c4;}
.btnA a.mint:before, .btnA button.mint:before{background:#079293;}
.btnA a.green, .btnA button.green{background:#0e9e7a; border:1px solid #0e9e7a;}
.btnA a.green:before, .btnA button.green:before{background:#008060;}

.btnA.auto a, .btnA.auto button{padding:20px 60px 20px; width:auto;}
.btnA.half a, .btnA.half button{padding:20px 10px 20px; width:45%;}
.btnA.half a span, .btnA.half button span{font-size:24px;}
.btnA.small{}
.btnA.small a, .btnA.small button{padding:10px 40px 10px; width:auto; margin:0 5px; border-radius:5px;}
.btnA.small a span, .btnA.small button span{font-size:20px;}
.btnA.small a i, .btnA.small button i{font-size:18px;}
.btnA.radius a, .btnA.radius button{border-radius:5px;}

@media screen and (max-width:1024px){
	.btnA.respon a, .btnA.respon button{width:100%;}
	.btnA a, .btnA button{ padding:12px 0px 15px; }
	.btnA a span, .btnA button span{ font-size:18px;}
	.btnA.auto a, .btnA.auto button{padding:10px 25px; }
	.btnA.auto a span, .btnA.auto button span{ font-size:14px;}
	.btnA.half a, .btnA.half button{padding:7px 10px 10px; }
	.btnA.half a span, .btnA.half button span{font-size:14px;}
	.btnA.small{padding:0px 0;}
	.btnA.small a, .btnA.small button{padding:6px 20px 10px;}
	.btnA.small a span, .btnA.small button span{font-size:16px;}
	.btnA.small a i, .btnA.small button i{font-size:16px;}
	.btnA.small a.full, .btnA.small button.full{width:95%;}
}


/* -----------------
Custom Select Box
----------------- */
.nice-select { z-index:1; min-width: 170px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border: solid 1px #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: 400; height: 50px; line-height: 52px; outline: none; padding-left: 20px; padding-right: 32px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }
.nice-select:after { display: block; position: absolute; right: 20px; top: 50%; width: 0; height: 0; margin-top: -2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; pointer-events: none; content: ""; }
.nice-select.open:after { border-bottom: 6px solid #000; border-top: 0; }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #a4b5ba; pointer-events: none; }
.nice-select.disabled:after { border-color: #dee4e6; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list {  z-index: 999; min-width: 100%; max-height: 600px; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-25px); -ms-transform: scale(0.75) translateY(-25px); transform: scale(0.75) translateY(-25px);}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .current { font-size: 16px; }
.nice-select .option { display: block; width: 100%; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 48px; list-style: none; min-height: 48px; outline: none; padding-left: 20px; padding-right: 31px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; }
.nice-select .option.disabled { background-color: transparent; color: #a4b5ba; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.skip_navi a { overflow: hidden; position: absolute; left: 0; top: -9999px; z-index: 1010; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #1fa7f1; }
.skip_navi a:focus, .skip_navi a:active, .skip_navi a.nice-select.open { display: block; position: fixed; top: 0; }


/* Head */
/* ****************** Header ********************** */
.header{position:absolute; z-index:900; width:100%; height:100px; transition:.3s; -webkit-transition:.3s; background:#fff; background:rgb(255, 255, 255, 1);  }
.header-wrap{position:relative; max-width:1920px; height:100%; padding:0 0px; margin:0 auto;}
.header-wrap .header-inner{position:relative; width:100%; height:100%;}
.header-wrap .header-inner .logo{position:absolute; left:20px; top:25px; z-index:99; width: 200px; height: 45px;  background: url(/design/default/images/logo_on.png) no-repeat left center/auto 100%; transition:all ease 0.3s;}
.header-wrap .header-inner .logo a{font-size:0; display:block; width:100%; height:100%; }

.gnb-wrap{position:relative; padding-top:35px; text-align:center; height:100%; transition: 0.3s; -webkit-transition: 0.3s; }
.gnb-wrap .gnb{display:inline-block; height:100%;}
.gnb-wrap .gnb:after{display:block; clear:both; content:'';}
.gnb > li{position:relative; float:left; height:100%; margin:0 18px;}
.gnb > li > a{display:block; height:100%; color:#000; font-size:20px; font-weight:normal;}
.gnb > li > a.only-mo{color:#fff;}
.gnb > li > a > span{position:relative; display:block; padding:0 6px; font-size:19px;}
.gnb > li > a > span:after{position:absolute; bottom:-7px; left:0; display:block; content:''; width:0; height:3px; background:#ebba93; transition: 0.2s; -webkit-transition: 0.2s;}
.gnb > li .depth2{display:none; position:absolute; top:56px; left:-18px; min-width:160px; background:#ebba93; padding:20px 15px;}
.gnb > li .depth2 ul > li{ text-align:left; }
.gnb > li .depth2 ul > li > a{display:block; padding:5px 0; transition: 0.2s; -webkit-transition: 0.2s; white-space:nowrap; font-size:17px; color:rgba(255, 255, 255, 1);}
.gnb > li .depth2 ul > li > span > a {color:rgba(255, 255, 255, 0.5); font-size:14px; padding-left:10px; display:block;}
.gnb > li .depth2 ul > li > span > a:hover{ color:rgba(255, 255, 255, 0.9); }
.gnb > li.active > a > span:after,
.gnb > li.on > a > span:after,
.gnb > li > a:hover > span:after{width:100%;}
.gnb > li .depth2 ul > li > a:hover{color:rgba(0, 0, 0, 1);}
.gnb > li > a.on span{color:#ebba93;}

.rightMenu{position:absolute; top:37px; right:120px; transition: 0.3s; -webkit-transition: 0.3s;}
.rightMenu a{padding:0 10px;}
.rightMenu a:hover{opacity:0.4;}

.langWrap {position:absolute; top:34px; left:240px; z-index:99999; transition:all ease 0.3s;}
.langWrap img {padding-right:3px;}

/* sitemap */
.btn-category {position:absolute; top:0px; right:0px; width:100px; height:100px; cursor:pointer; z-index:99999; transition: 0.3s; -webkit-transition: 0.3s; background:#ebba93;}
.btn-category .bar {position: absolute; left:50%; width:100%; width:40px; height:2px; margin-left:-20px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#000;}
.btn-category .bar:nth-child(1) {top:35px; transform:rotate(0); transition: 0.3s; -webkit-transition: 0.3s;}
.btn-category .bar:nth-child(2) {top:46px; opacity:1; transition: 0.3s; -webkit-transition: 0.3s;}
.btn-category .bar:nth-child(3) {top:57px; transform:rotate(0); transition: 0.3s; -webkit-transition: 0.3s;} 
.btn-category.map{ right:0px;  z-index:99999;}
.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:46px; background:#fff; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:46px; background:#fff; transform:rotate(45deg)}
   
#sitemap{position:fixed; bottom:100%; right:0%; width:100%; height:calc(100% - 0px); background:#fff; padding:180px 70px 40px; z-index:800; transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:100%; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{float:left; width:16.66%; padding:0 10px;}
#sitemap > ul > li h2{font-size:20px; color:#fff ; background:#ebba93; text-align:Center; font-weight:normal; padding:10px 0;}
#sitemap > ul > li h2 a{font-size:20px; color:#fff ;  font-weight:normal;}
#sitemap > ul > li > ul > li{margin:10px 0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:13px 0; display:block; text-indent:15px; position:relative;}
#sitemap > ul > li > ul > li > a:after{content:""; display:block; width:0; height:2px; background:#ebba93; transition:all ease .5s; position:absolute; left:0; bottom:0;}
#sitemap > ul > li > ul > li > a:hover{color:#ebba93;} 
#sitemap > ul > li > ul > li > a:hover:after{width:100%;} 
#sitemap.open{right:0; bottom:0%;}

.sticky { background:#fff !important; top:0; position:fixed; height:70px;  box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
.sticky .header-wrap .header-inner .logo{top:10px;}
.sticky .langWrap {top:22px;}
.sticky .gnb-wrap{padding-top:21px;}
.sticky .gnb > li .depth2{top:49px;}
.sticky .btn-category{ top:0px; width:70px; height:70px;}
.sticky .btn-category .bar:nth-child(1) {top:20px; }
.sticky .btn-category .bar:nth-child(2) {top:31px; }
.sticky .btn-category .bar:nth-child(3) {top:42px; } 
.sticky .btn-category.map .bar:nth-child(1) {top:31px; }
.sticky .btn-category.map .bar:nth-child(3) {top:31px; }
.sticky .rightMenu{ top:23px;}

/*모바일*/
.header .bt-mn{ position: absolute; width: 40px; height: 40px; top:50%; right:0px; margin-top: -20px; display:none;}
.header .bt-mn span{ position: absolute; top: -9999px; left: -9999px;}
.header .bt-mn i{ position: absolute; right: 0; width: 22px; height: 2px; background-color: #333; display: block;}
.header .bt-mn i:nth-child(1){ top: 12px;}
.header .bt-mn i:nth-child(2){ top: 19px; width: 16px;}
.header .bt-mn i:nth-child(3){ top: 26px;}

#siteFunctions{ position:fixed; top:0; right:-100%; width:100%; bottom:0; height:100%; z-index:990; background-color: #fff; display: none;}
#siteFunctions .inner{ position:relative; overflow-y:auto; background-color:#fff; padding:0 0 50px; height: 100vh;}
#siteFunctions .hd{ position:relative; height:45px; overflow:hidden; border-bottom:#dcdcdc 1px solid; padding: 0 5vw;}
#siteFunctions .hd .lang a{ display: inline-block; line-height: 44px; height: 44px; font-size: 1.0rem; padding: 0; color: #999; text-transform: uppercase;}
#siteFunctions .hd .lang a.active{ color: #ebba93;}
#siteFunctions .hd .lang a + a{ margin-left: 20px;}
#siteFunctions .bt-close{ position:absolute; right:5vw; top:14px; display:block; width:1.8rem; height:1.8rem; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#siteFunctions .bt-close span{ position:absolute; top:-9999px; left:-9999px;}
#siteFunctions .bt-close::before{ content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:2px; background-color:#222; display:block;}
#siteFunctions .bt-close::after{ content:""; position:absolute; top:0; left:50%; margin-left:-1px; width:2px; height:100%; background-color:#222; display:block;}

.mobMenu{ padding: 0 5vw; }
.mobMenu a,
.mobMenu span{ display:block; color:#222;}
.mobMenu > li{ border-bottom: #dcdcdc 1px solid;}
.mobMenu > li > a{ position:relative; font-size:1.6rem; padding: 18px 12px; color: #000; font-family: Montserrat;  display:block; font-weight: 500;}
.mobMenu > li > a::before{ content: ''; position: absolute; top: 50%; right: 12px; display: block; width: 13px; height: 1px; background-color: #000;}
.mobMenu > li > a::after{ content: ''; position: absolute; top: 50%; right: 18px; margin-top: -6px; display: block; width: 1px; height: 13px; background-color: #000;}
.mobMenu > li.active > a::before{ background-color: #ebba93;}
.mobMenu > li.active > a::after{ display: none;}
.mobMenu > li > .subDepth{ padding: 10px 12px 15px; }
.mobMenu > li > .subDepth > li > a{ color: #666; font-size:1.5rem;}
.mobMenu > li > .subDepth > li + li{ margin-top: 18px;}
.mobMenu > li.active > a::before{ background-image:url('/design/default/images/aw_bot2.png');}

@media screen and (max-width:1670px){
	.gnb > li{margin:0 10px;}
	.rightMenu a{padding:0 5px;}
	.header-wrap .header-inner .logo{ left:20px;}
	.langWrap {left:228px;}
}
@media screen and (max-width:1460px){
	.header-wrap .header-inner .logo{left:10px;}
	.langWrap {left:220px;}
	.gnb-wrap{text-align:center; padding-left:40px; padding-right:0px;}
	.gnb > li{margin:0 5px;}
	.gnb > li > a > span{font-size:18px;}
}

@media screen and (max-width:1300px){
	.gnb-wrap{display:none;}
}

@media screen and (max-width:1230px){
	.header-wrap{padding:0 10px;}
	.gnb > li{ margin:0 15px 0 15px;}
}

@media screen and (max-width:1024px){
	/**** Header ****/
	.header{ height:60px;}
	.header-wrap{ height:60px;}
	.header-wrap .header-inner .logo{top:14px; left:0px; width:150px; height:30px; margin-top:0px;}
	.langWrap {top:15px; right:30px; left:auto;}

	.btn-gnb{display:block; top:10px;}
	.gnb-wrap{position:fixed; top:0; left:-100%; z-index:100; width:100%; height:100%; background:#03010f; padding:0 30px;  display:none;}
	.gnb-wrap .gnb{display:block; height:auto; margin-top:90px;}
	.gnb-wrap .gnb > li{float:none; height:auto; margin:0;}

	.rightMenu{display:none;}

	.btn-category { top:22px; right:0px; width:30px; height:18px; display:none;}
	.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
	.btn-category .bar:nth-child(2) {top:8px; opacity:1}
	.btn-category .bar:nth-child(3) {top:16px; transform:rotate(0)} 
	#sitemap{padding:100px 20px 20px;}
	#sitemap > ul > li > ul > li > a{padding:7px 0; }
	#sitemap > ul > li{width:100%;}
	#sitemap > ul > li h2{font-size:18px; background:#9398fd; text-align:Center; font-weight:normal; padding:10px 0;}
	#sitemap > ul > li h2 a{font-size:18px;}
	#sitemap > ul > li h3{font-size:16px; margin:0 0 0px}
	#sitemap > ul > li > ul{margin-bottom:20px;}
	#sitemap > ul > li > ul > li{margin:10px 0;}

	.sticky {height:60px;}
	.sticky .header-wrap .header-inner .logo{height:30px; top:14px;}
	.sticky .langWrap {top:15px;}
	.sticky .gnb-wrap{padding-top:0px;}
	.sticky .btn-category{ top:21px;}

	/*모바일*/
	.header .bt-mn{display:block; right:0px; z-index:99999;}
	#siteFunctions{ display: block;}
	#siteFunctions .hd .lang a{ display: inline-block; line-height: 44px; height: 44px; font-size: 1.5rem;}
    #siteFunctions .hd{ height:90px; padding-top: 24px; }
    #siteFunctions .bt-close{ top: 30px;}
}

@media screen and (max-width:480px){
	/*모바일*/
	#siteFunctions .hd .lang a{ display: inline-block; line-height: 35px; height: 35px; font-size: 1.5rem;}
	#siteFunctions .hd .lang a:first-child {padding-left:15px;}
    #siteFunctions .hd{ height:90px; padding-top: 24px; }
    #siteFunctions .bt-close{ top: 30px;}
}

.container { overflow: hidden; width:100%; margin: 0 auto;  padding:0 0px;}
.container .section_visual { position: relative; height: 275px; margin-top: 80px; background-color: #dfedf2; }
.product .container .section_visual { background: url("/resources/images/kr/common/bg_visual_product.jpg") 50% 50% no-repeat; background-size: cover; }
.company .container .section_visual { color: #fff; background: url("/resources/images/kr/common/bg_visual_company.jpg") 50% 50% no-repeat; background-size: cover; }
.company .container .section_visual .txt_box .sub_title span.kr { color: #fff; }
.solution .container .section_visual { background: #d9e6eb; }
.library .container .section_visual { background: #f5efe6; }
.support .container .section_visual { background: #e7f1dd; }
.guide .container .section_visual { background: #eee; }



/* Main */
/* .main{padding-top:100px;} */
.main .sec{padding:120px 0;}
.main .sec .sec_tit { text-align: center;  margin-bottom:30px;}
.main .sec .sec_tit .small{display:block; margin-bottom:30px; font-size:20px;  color:#ebba93; font-family:'Iropke Batang', serif; text-transform:uppercase;}
.main .sec .sec_tit .tit {margin-bottom:30px; font-size: 50px; font-weight:bold; color:#333; line-height:130%; font-family:'NotoSerifKR'; text-transform:uppercase; }
.main .sec .sec_tit .desc {margin-bottom:30px; font-size: 30px; font-weight:bold; letter-spacing: -0.025em; color:#333; font-family:'NanumSquare'; }
.main .sec .sec_tit .desc span{display:block; color:#333; font-size:20px; opacity:0.5; margin-top:30px;}
.main .sec .txt_box .tit.line { position: relative; }
.main .sec .txt_box .tit.line:after { display: block; position: relative; width: 40px; height: 2px; content: ""; background: currentColor; margin: 20px 0 25px; }
.main .sec .txt_box .desc { margin-bottom: 25px; font-weight: 300; line-height: 1.625em; letter-spacing: -0.025em; }
.main .sec .txt_box .desc sub { position: relative; display: inline-block; top: 1px; font-size: 60%; }
@media all and (max-width:1024px){
	/* .main{padding-top:60px;} */
	.main .sec{margin-top:0px; padding:80px 0;}
	.main .sec .sec_tit { margin-bottom:15px;}
	.main .sec .sec_tit .small{font-size:14px; margin-bottom: 20px;}
	.main .sec .sec_tit .tit { font-size: 26px; margin-bottom: 20px;}	
	.main .sec .sec_tit .desc { font-size: 16px; line-height:140%;}
	.main .sec .sec_tit .desc span{font-size: 14px; margin-top:20px;}
	.main .sec .txt_box .tit { font-size: 20px; }
}


.sec_02_01{padding:0 !important; text-align:Center; background:#000;}
.sec_02_01 video{width:100%; margin:0 auto;}
.sub .sec_02_01 .diagnosis .rightYoutube .youtube-background {height: 30rem !important;}
.sec_02_01{position:relative;}
.sec_02_01 .diagnosis .diagnosis_wrap{width:100%;}
.sec_02_01 .half{width:100%;}
.sec_02_01 .sec_tit{position:absolute; left:0; top:35%; width:100%; text-align:center; z-index:10;}
.sec_02_02{background:#000; padding:0 !important; position:relative; height:auto;}
.sec_02_02 .sec_tit{position:absolute; left:0; top:20%; width:100%; text-align:center; z-index:10;}
.sec_02_02 .sec_bg{height:600px;}
.sec_03{background: radial-gradient(circle, rgba(109,109,109,1) 0%, rgba(102,102,102,1) 57%, rgba(51,51,51,1) 100%); padding:150px 0 0 !important;}
.sec_04 .alLeft{padding-left: calc((100% - 700px)/2);}
.sec_04 .alRight{padding-right: calc((100% - 700px)/2);}
.sec_05 {background:#fbf1e9 url(/design/default/images/sec_05_bg.jpg) no-repeat center bottom/100% auto; padding:120px 0 400px !important;}
.sec_05 .alLeft{padding-left: calc((100% - 700px)/2);}
.sec_05 .btnA{text-align:left;}
.sec_05 .flex{align-items: baseline;}
.sec_05 ul{}
.sec_05 ul li{position:relative; padding-left:90px; margin-bottom:70px;}
.sec_05 ul li img{position:absolute; left:0; top:0;}
.sec_06{}
.sec_06 .bvsa p{display:none !important;}
.sec_06 .swiper-button-next:after, .sec_06 .swiper-button-prev:after{display:none;}

.sec_08 {background:#fbf1e9 url(/design/default/images/sec_08_bg.jpg) no-repeat center bottom/cover; padding:200px 0 !important;}

@media all and (max-width:1024px){
	.sec_02_02 .sec_bg{height:400px;}
	.sec_03{padding:100px 0 0 !important;}
	.sec_04 .alLeft{padding:40px 20px;}
	.sec_04 .alRight{padding:40px 20px;}
	.sec_05 {padding:80px 30px 250px !important; background-size:200% auto;}
	.sec_05 .flex{display:block;}
	.sec_05 .flex.two .box{width:100%;}
	.sec_05 ul{margin-top:30px;}
	.sec_05 ul li{margin-bottom:40px;}

	.sec_08{padding:80px 30px !important;}
}

@media all and (max-width:1024px){
	.sec_02_02 .sec_bg{height:300px;}
	.sub .sec_02_01 .diagnosis .rightYoutube .youtube-background {height: 15rem !important;}
	.sub .sec_02_01 .diagnosis .diagnosis_wrap .half.img {order:2; margin-top: 0em;}
	.sec_02_01 .sec_tit{top:20%;}
}

.main .sec_link {  position: relative; z-index: 1; background:#fff; padding:60px 0;}
.main .sec_link ul{text-align:left; width:100%;}
.main .sec_link ul li{display:block; width:20%; float:left; text-align:center; }
.main .sec_link ul li a{display:block; padding:25px 0;}
.main .sec_link ul li a span{display:inline-block; margin-bottom:10px; transition: all 0.5s ease; }
.main .sec_link ul li a strong{display:block; font-size:17px; color:#333; }
.main .sec_link ul li a:hover span{transform: rotateY(360deg);}
.main .sec_link ul li a:hover strong{color:#ebba93;}



@media all and (max-width:1024px){
	.main .sec_program .sec_cont ul li{width:50%; }
	.main .sec_link ul li a{ padding:15px 0;}
	.main .sec_link ul li a span img{width:35px; height:auto;}
	.main .sec_link ul li a strong{ font-size:14px;}
}



@media all and (max-width:768px){
	.main .sec_link { padding:30px 20px; }
	.main .sec_link ul li{ width:25%;}	
}



.main .sec_news {text-align:center; background:#f5f5f5; }
.main .sec_news .nSlide { height: 300px; -webkit-box-sizing: content-box; box-sizing: content-box; }
.main .sec_news .nSlide .slide { visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24%; height: 280px; }
.main .sec_news .nSlide .slide:hover .item { height: 100%; }
.main .sec_news .nSlide .slide:hover .item .txt_box { padding-top:20px; border-color: #ededed; }
.main .sec_news .nSlide .slide:hover .item .txt_box .more:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.main .sec_news .nSlide .slide:hover .item .txt_box .more span { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.main .sec_news .nSlide .slide:hover .item .desc { margin-bottom: 30px; }
.main .sec_news .nSlide .slide:hover .item .bg { margin-top: -185px; }
.main .sec_news .nSlide .slide:hover .item .bg img { margin-top: 0; }
.main .sec_news .nSlide .item { position: relative; border:1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 200px; color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.main .sec_news .nSlide .item .txt_box { position: relative; z-index: 1; height: 100%; padding:20px 30px 0; border: 5px solid transparent; text-align:left; -webkit-box-shadow: 3.8px 11.4px 43px 0px rgba(0, 0, 0, 0.1); box-shadow: 3.8px 11.4px 43px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.main .sec_news .nSlide .item .txt_box .cate{color:#fff; background:#234190; border-radius:3px; display:inline-block; padding:4px 7px 2px; font-size:14px; display:none;}
.main .sec_news .nSlide .item .txt_box .tit { margin: 5px 0 15px;  font-size:18px; font-weight:normal; color:#333; line-height:160%; }
.main .sec_news .nSlide .item .txt_box .desc { margin-bottom: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;  opacity:0.5; color:#999; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
	/* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 1.2;
    height: 2.4em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.main .sec_news .nSlide .item .txt_box .date{display:block; color:#666; margin-bottom:10px; opacity:0.5;}
.main .sec_news .nSlide .item .txt_box .more { font-size: 0; position: relative; }
.main .sec_news .nSlide .item .txt_box .more:after {  display: inline-block; vertical-align: middle; width: 20px; height: 12px; content: ""; -webkit-transform: translateX(-84px); -ms-transform: translateX(-84px); transform: translateX(-84px); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: url("/resources/images/kr/main/icon_arr_w.png") 50% 50% no-repeat; }
.main .sec_news .nSlide .item .txt_box .more span { background:#234190; width:40px; height:40px; border-radius:50%; text-align:Center; line-height:40px; overflow: hidden; position: relative; top: 2px; opacity: 0; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.main .sec_news .nSlide .item .bg { overflow: hidden; position: absolute; top: 50%; left: 0; width: 100%; height: 100%; margin-top: -125px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.main .sec_news .nSlide .item .bg img { margin-top: -60px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.main .sec_news .swiper-button-next{top:90%; color:#234190;}
.main .sec_news .swiper-button-next:after{ font-size:24px;}
.main .sec_news .swiper-button-prev{top:90%; color:#234190;}
.main .sec_news .swiper-button-prev:after{ font-size:24px;}
.main .sec_news .swiper-controller { visibility: hidden; position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: #77acbf; }
.main .sec_news .swiper-controller .swiper-pagination-bullet { cursor: pointer; }
.main .sec_news .swiper-pagination-bullet{border:1px solid #234190 !important; opacity:0.5;}
.main .sec_news .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1.0; border:1px solid #234190 !important;}
.main .sec_news .btnArea{text-align:center;  padding-top:20px; }
.main .sec_news .btnArea a{color:#000; display:inline-block; position:relative; font-size:18px; border:1px solid #999; padding:12px 23px;}
.main .sec_news .btnArea a:hover{background:rgba(0, 0, 0, 0.2);}
.main .sec_news .btnArea a span{position:relative; z-index:2;}
@media all and (max-width:1024px){
	.main .sec_news { padding: 50px 0;}
	.main .sec_news h3{font-size:22px; margin-bottom:5px;}
	.main .sec_news .sec_tit{text-align:center;}
	.main .sec_news .nSlide {padding-top:20px; height: auto; padding-bottom:60px;}
	.main .sec_news .nSlide .slide{width:100%; height:auto; padding:0 20px;}
	.main .sec_news .nSlide .item{height:auto;}
	.main .sec_news .nSlide .item .txt_box{padding:20px 20px; height:auto;}
	.main .sec_news .nSlide .item .txt_box .tit { margin: 10px 0;  font-size:14px; line-height:140%; }
	.main .sec_news .nSlide .item .txt_box .desc {font-size:12px; height:48px; display:none;}
	.main .sec_news .nSlide .item .txt_box .more{display:none;}
	.main .sec_news .swiper-button-next{top:7%; display:none; }
	.main .sec_news .swiper-button-prev{top:7%; display:none; }
	.main .sec_news .btnArea{position: relative; top:0px;}
}



.autocomplete-suggestions { border: 1px solid #ddd; background: #fff; overflow: auto; }
.autocomplete-suggestions strong { font-weight: 500; color: #0f97dd; }
.autocomplete-suggestion { padding: 10px 20px; font-weight: 500; white-space: nowrap; overflow: hidden; cursor: pointer; }
.autocomplete-selected { background: #f7f7f7; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.popup_container { position: absolute; top: 170px; left: 50%; margin-left: -720px; width: 1440px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }
.popup_container .main_popup { display: none; position: absolute; padding: 10px; background: #234190; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popup_container .main_popup.on { display: block; }
.popup_container .main_popup .bottom { margin-top: 10px; }
.popup_container .main_popup .bottom:after { content: ""; display: table; clear: both; }
.popup_container .main_popup .bottom > * { display: inline-block; }
.popup_container .main_popup .bottom > *.check_box { float: left; }
.popup_container .main_popup .bottom > *.check_box input[type="checkbox"] + label:before { border: none; }
.popup_container .main_popup .bottom > *.check_box input[type="checkbox"] + label span { color: #fff; font-size: 14px; }
.popup_container .main_popup .bottom > *.btn_close { float: right; padding-right: 20px; color: #fff; font-size: 14px; line-height: 21px; background: url("/resources/images/kr/main/btn_close_main_popup.png") top 3px right no-repeat; }

@-webkit-keyframes arrowMotion { 
	0% { background-position: right center; }
	50% { background-position: right 15px center; }
	100% { background-position: right center; } 
}


.floating { position: fixed; bottom: 30px; right: 30px; z-index: 10; }
.floating .btn { position: absolute; bottom: 0; right: 0; width: 56px; height: 56px; border-radius: 50%; -webkit-box-shadow: 1.15px 1.6px 4px 0px rgba(0, 0, 0, 0.22); box-shadow: 1.15px 1.6px 4px 0px rgba(0, 0, 0, 0.22); }
.floating .btn_floating_inquiry { background: url("/resources/images/kr/common/btn_floating_inquiry.png") 50% 10px no-repeat; background-color: #0f97dd; }
.floating .btn_floating_inquiry span { display: block; padding-top: 33px; font-size: 13px; text-align: center; color: #fff; }
.floating .btn_top { padding-top: 13px; background: #fff; border: 1px solid #000; font-size: 12px; font-weight: 600; text-align: center; visibility: hidden; }
.floating .btn_top:after { display: block; position: absolute; top: 18px; right: 23px; width: 6px; height: 6px; border-style: solid; border-width: 0 1px 1px 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); content: ""; pointer-events: none; }
.floating.fixed { position: absolute; bottom: auto; bottom: 40px; }
@media all and (max-width:768px){
	.floating { bottom: 20px; right: 20px;}
	.floating.fixed { bottom:20px;}
}

.board { width: 1100px; margin: 0 auto; }
.board.type_thumb li { border-top: 1px solid #ddd; }
.board.type_thumb li:last-child { border-bottom: 1px solid #ddd; }
.board.type_thumb a { display: block; position: relative; padding: 40px 30px; }
.board.type_thumb a:after { content: ""; display: table; clear: both; }
.board.type_thumb a:hover .tit { color: #0f97dd; }
.board.type_thumb .txt_box { position: absolute; top: 38px; left: 30px; width: 62.72727%; }
.board.type_thumb .txt_box .date { display: block; margin-bottom: 12px; font-size: 14px; color: #0f97dd; }
.board.type_thumb .txt_box .tit { margin-bottom: 28px; font-size: 24px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.025em; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.board.type_thumb .txt_box .desc { font-size: 16px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.1em; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.board.type_thumb .thumb_box { overflow: hidden; position: relative; float: right; width: 300px; height: 190px; background: url("/resources/images/kr/common/thumb_noimg.png") 50% 50% no-repeat; background-color: #f7f7f7; }
.board.type_thumb .thumb_box img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.board.type_list li { margin-bottom: -1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.board.type_list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 120px; padding: 49px 0; }
.board.type_list a:hover .tit { color: #0f97dd; }
.board.type_list .txt_box .tit { font-size: 18px; font-weight: 500; -webkit-transition: all 0.15s; transition: all 0.15s; }
.board.type_list .txt_box .desc { margin-top: 14px; margin-bottom: -6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: normal; line-height: 1.75em; max-height: 3.5em; }

.board.nodata { width: 100% !important; }
.board.nodata p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; margin: -1px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.board_view .board_head { display: table; width: 100%; height: 80px; padding: 20px 30px; border-top: 1px solid #ddd; background: #f7f7f7; }
.board_view .board_head .cont_tit { display: table-cell; vertical-align: middle; width: 80%; line-height: 1.25em; }
.board_view .board_head .date { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 300; text-align: right; color: #0f97dd; }
.board_view .board_cont { padding: 80px 30px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 300; line-height: 1.625; letter-spacing: -0.05em; }
.board_view .board_page .btn { display: table; width: 100%; height: 90px; border-bottom: 1px solid #ddd; }
.board_view .board_page .btn_next .indicator span:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.board_view .board_page .btn .item { display: table-cell; vertical-align: middle; padding: 20px 0; line-height: 1.625em; }
.board_view .board_page .btn .item.indicator { width: 130px; padding: 0 30px; }
.board_view .board_page .btn .item.indicator span { display: block; position: relative; }
.board_view .board_page .btn .item.indicator span:after { display: block; width: 0; height: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-bottom: 6px solid; content: ""; position: absolute; top: 50%; right: 0; margin-top: -4px; border-bottom-color: inherit; }
.board_view .board_page .btn .item.tit { width: auto; }
.board_view .board_page .btn .item.date { width: 130px; font-size: 14px; text-align: center; }
.board_view .board_page a.btn:hover { color: #0f97dd; }
.board_view ~ .wrap_btn { margin-top: 50px; }

.table { width: 100%; table-layout: fixed; }
.table.type_list th { height: 40px; background: #f7f7f7; border-top: 1px solid #ddd; vertical-align: middle; font-weight: 500; }
.table.type_list th .lang { display: block; font-size: 12px; }
.table.type_list th.no_border { border: 0; }
.table.type_list td { height: 90px; padding: 0 5px; vertical-align: middle; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 300; text-align: center; line-height: 1.25em; word-break: keep-all; word-wrap: break-word; }
.table.type_list td .grade { font-size: 18px; }
.table.type_list td .app_list .app { display: inline-block; width: 40px; height: 35px; vertical-align: middle; text-indent: -9999%; font-size: 0; }
.table.type_list td .app_list .app.app_1 { background: url("/resources/images/kr/common/icon_app1.png") 50% 50% no-repeat; }
.table.type_list td .app_list .app.app_2 { background: url("/resources/images/kr/common/icon_app2.png") 50% 50% no-repeat; }
.table.type_list td .btn_more:hover { color: #0f97dd; }
.table.type_list td .btn_file { width: 28px; height: 37px; text-indent: -9999%; font-size: 0; background-image: url("/resources/images/kr/common/icon_file.png"); }
.table.type_list td span.mark { vertical-align: top; position: relative; display: inline-block; font-weight: 500; }
.table.type_list td span.mark:after { position: relative; display: inline-block; vertical-align: middle; line-height: 0; font-size: x-large; font-weight: 400; font-family: "Noto Sans KR", sans-serif; content: '®'; }

.table.type_form { border-top: 2px solid #ddd; }
.table.type_form.align_left { text-align: left; }
.table.type_form.align_center { text-align: center; }
.table.type_form.align_right { text-align: right; }
.table.type_form th, .table.type_form td { height: 80px; vertical-align: middle; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table.type_form th { padding: 17px 30px; background: #f7f7f7; }
.table.type_form td { padding: 17px 20px; }

/*
.paging { margin: 50px auto 0; font-size: 0; text-align: center; }
.paging .btn { overflow: hidden; display: inline-block; width: 35px; height: 35px; margin: 0 5px; vertical-align: middle; border: 1px solid #ddd; line-height: 35px; text-align: center; -webkit-transition: border 0.15s; transition: border 0.15s; border-radius: 50%; text-indent: -9999%; font-size: 0; }
.paging .btn_first { background: url("/resources/images/kr/common/icon_arr_first.png") 50% 50% no-repeat; }
.paging .btn_first:hover { border-color: #0f97dd; background-image: url("/resources/images/kr/common/icon_arr_first_on.png"); }
.paging .btn_prev { background: url("/resources/images/kr/common/icon_arr_prev.png") 50% 50% no-repeat; }
.paging .btn_prev:hover { border-color: #0f97dd; background-image: url("/resources/images/kr/common/icon_arr_prev_on.png"); }
.paging .btn_next { background: url("/resources/images/kr/common/icon_arr_next.png") 50% 50% no-repeat; }
.paging .btn_next:hover { border-color: #0f97dd; background-image: url("/resources/images/kr/common/icon_arr_next_on.png"); }
.paging .btn_last { background: url("/resources/images/kr/common/icon_arr_last.png") 50% 50% no-repeat; }
.paging .btn_last:hover { border-color: #0f97dd; background-image: url("/resources/images/kr/common/icon_arr_last_on.png"); }
.paging .page { display: inline-block; margin: 0 10px; vertical-align: middle; }
.paging .page li { display: inline-block; margin: 0 2px; vertical-align: middle; }
.paging .page li.current a { color: #0f97dd; }
.paging .page li a { display: block; width: 35px; height: 35px; font-size: 16px; line-height: 35px; color: #666; text-align: center; }
*/

.check_box { margin: 0 -10px; font-size: 0; }
.check_box.align_right { text-align: right; }
.check_box .item { display: inline-block; margin: 0 10px; line-height: 20px; font-size: 16px; vertical-align: middle; }
.check_box input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }
.check_box input[type="checkbox"] + label { display: block; position: relative; padding-left: 30px; color: #333; font-weight: inherit; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: currentColor; }
.check_box input[type="checkbox"] + label span { display: inline-block; font-weight: inherit; color: currentColor; }
.check_box input[type="checkbox"] + label:before { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -11px; background-color: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; content: " "; }
.check_box input[type="checkbox"]:checked + label:before { background: url("/resources/images/kr/common/icon_check.gif") 50% 50% no-repeat; background-color: #fff; }
.check_box.theme2 input[type="checkbox"]:checked + label:before { border: 0; background-image: url("/resources/images/kr/common/icon_check_w.png"); background-color: #0f97dd; }

.radio_box { margin: -10px; font-size: 0; }
.radio_box .item { display: inline-block; margin: 10px; vertical-align: middle; font-size: 16px; line-height: 28px; }
.radio_box input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }
.radio_box input[type="radio"] + label { display: block; position: relative; padding-left: 38px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio_box input[type="radio"] + label span { display: inline-block; }
.radio_box input[type="radio"] + label:before, .radio_box input[type="radio"] + label:after { content: " "; position: absolute; top: 50%; left: 0; }
.radio_box input[type="radio"] + label:before { width: 28px; height: 28px; margin-top: -14px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; }
.radio_box input[type="radio"] + label:after { display: none; width: 8px; height: 8px; margin-left: 10px; margin-top: -4px; background: #0f97dd; border-radius: 50%; }
.radio_box input[type="radio"]:checked + label:after { display: block; }

.textarea { width: 100%; }
.textarea textarea { width: 100%; height: 100%; padding: 10px; border: 1px solid #ddd; font-size: 16px; font-family: "SamYang", Arial, sans-serif; resize: none; }

.input_box { position: relative; width: auto; height: 45px; }
.input_box input { width: 100%; height: 100%; padding: 0 20px; background: #fff; border: 1px solid #ddd; border-radius: 0; }
.input_box input::-ms-clear { display: none; }
.input_box.has_btn input { padding-right: 130px; }
.input_box.has_btn .btn { position: absolute; top: 0; right: 0; }

.form_search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }
.form_search:after { content: ""; display: table; clear: both; }
.form_search .input_box { width: 285px; height: 50px; }
.form_search .input_box input { padding-right: 50px; }
.form_search .input_box .btn_search { width: 50px; height: 50px; text-indent: -9999%; font-size: 0; background: url("/resources/images/kr/common/icon_search_b.png") 50% 50% no-repeat; }
.form_search .nice-select ~ .input_box { margin-left: -1px; }
.form_search .prd_guide_box { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-right: auto; }
.form_search .prd_guide_box .btn { height: 30px; margin-left: 8px; padding: 0 10px; background: #0f97dd; font-size: 13px; line-height: 32px; color: #fff; }

.blocker { overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; width: 100%; height: 100%; padding: 20px; background: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.blocker:before { display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; content: ""; }
.blocker.behind { background-color: transparent; }

.modal { overflow: hidden; display: inline-block; position: relative; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; width: 100%; max-width: 800px; background: #fff; padding: 50px 30px; text-align: left; }
.modal a.close-modal { display: block; position: absolute; top: 0; right: 0; width: 54px; height: 54px; text-indent: -9999px; }
.modal a.close-modal:before, .modal a.close-modal:after { position: absolute; top: 50%; left: 50%; width: 2px; height: 20px; margin-top: -10px; background-color: #333; content: " "; }
.modal a.close-modal:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.modal a.close-modal:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.modal .cont_tit { letter-spacing: -0.025em; }
.modal .cont_tit_xs { font-size: 18px; }
.modal .cont_tit_md { font-size: 24px; font-weight: 500; }
.modal .cont_tit_lg { font-size: 30px; }
.modal .cont_tit em { font-style: normal; font-weight: inherit; color: #0f97dd; }
.modal .btn_basic { min-width: 150px; height: 50px; line-height: 50px; }
.modal .radio_box .item { min-width: calc(33.333% - 20px); line-height: 18px; }
.modal .radio_box input[type="radio"] + label { padding-left: 28px; }
.modal .radio_box input[type="radio"] + label:before { width: 18px; height: 18px; margin-top: -9px; }
.modal .radio_box input[type="radio"] + label:after { width: 6px; height: 6px; margin-left: 6px; margin-top: -3px; }
.modal .cmt_msg { text-align: center; letter-spacing: -0.025em; margin-bottom: 50px; }
.modal .cmt_msg.inquiry { position: relative; }
.modal .cmt_msg.inquiry:before { display: block; position: relative; height: 91px; content: ""; margin: 0 auto 30px; background: url("/resources/images/kr/support/icon_inquiry_complete.png") 50% 50% no-repeat; }
.modal .cmt_msg.subscribe { position: relative; }
.modal .cmt_msg.subscribe:before { display: block; position: relative; height: 91px; content: ""; margin: 0 auto 30px; background: url("/resources/images/kr/support/icon_subscribe_complete.png") 50% 50% no-repeat; }
.modal .cmt_msg.unsubscribe { position: relative; }
.modal .cmt_msg.unsubscribe:before { display: block; position: relative; height: 91px; content: ""; margin: 0 auto 30px; background: url("/resources/images/kr/support/icon_unsubscribe_complete.png") 50% 50% no-repeat; }
.modal .cmt_msg em { display: block; font-size: 24px; font-style: normal; }
.modal .cmt_msg p { margin-top: 19px; font-size: 16px; font-weight: 300; }

.modal-spinner { display: none; position: fixed; top: 50%; left: 50%; width: 64px; height: 64px; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,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") #111 no-repeat center center; border-radius: 8px; }

.modal_inquiry { width: 800px; }
.modal_inquiry .content { margin-bottom: 27px; }
.modal_inquiry .content:last-child { margin-bottom: 0; }
.modal_inquiry .content .cont_tit { margin-bottom: 20px; }
.modal_inquiry .content .btn_search { width: 45px; height: 45px; color: #fff; text-indent: -9999%; font-size: 0; background: url("/resources/images/kr/common/icon_search.png") 50% 50% no-repeat; background-color: #888; }
.modal_inquiry .table th { height: 60px; text-align: center; border: 1px solid #ddd; border-bottom: 0; }
.modal_inquiry .table td { height: 60px; padding: 20px; border: 1px solid #ddd; vertical-align: top; }
.modal_inquiry .table tr:first-child td { border-top: 0; }
.modal_inquiry .form_result { position: relative; max-height: 296px; overflow: auto; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; }
.modal_inquiry .form_result .table { margin-top: -2px; }
.modal_inquiry .form_result .table tr:last-child td { border-bottom: 0; }
.modal_inquiry .form_result.nodata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 296px; background: #f7f7f7; }
.modal_inquiry .form_result.nodata .msg { color: #888; }
.modal_inquiry .wrap_btn { margin-top: 49px; }

.modal_complete { width: 640px; padding: 78px 30px; }

.modal_search_cate { max-width: 1180px; padding-bottom: 40px; }
.modal_search_cate .cont_tit { text-align: center; margin-bottom: 30px; }
.modal_search_cate .prd_sort { margin: 0 -5px 10px; }
.modal_search_cate .prd_sort:after { content: ""; display: table; clear: both; }
.modal_search_cate .prd_sort .item_sort { float: left; width: calc(25% - 10px); margin: 0 5px; }
.modal_search_cate .prd_sort .item_sort .tit { padding: 17px 0; background: #84b7ca; text-align: center; color: #fff; }
.modal_search_cate .prd_sort .item_sort .list { overflow: auto; position: relative; top: 0; height: 225px; padding: 22px 20px; background: #fff; border: 1px solid #ddd; }
.modal_search_cate .prd_sort .item_sort .list .check_box .item { display: block; margin-bottom: 14px; font-size: 15px; color: #000; }
.modal_search_cate .prd_sort .item_sort .list .check_box .item:last-child { margin-bottom: 0; }
.modal_search_cate .prd_cate { padding: 30px 0; background: #f7f7f7; text-align: center; }
.modal_search_cate .prd_cate .check_box .item label { width: 267px; height: 50px; padding: 0 20px; background: #fff; text-align: left; line-height: 50px; }
.modal_search_cate .prd_cate .check_box .item label:before { left: auto; }
.modal_search_cate .prd_cate .check_box .item label span { padding-left: 30px; }
.modal_search_cate .prd_cate .check_box .item input ~ label:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; }
.modal_search_cate .prd_cate .check_box .item input:checked ~ label:after { border: 1px solid #0f97dd; }
.modal_search_cate .wrap_btn { margin-top: 40px; }
.modal_search_cate .wrap_btn .btn_reset { background: #666; }

.modal_email { max-width:1024px }
.modal_email .cont_tit { margin-bottom: 24px; }
.modal_email .desc { color: #000; line-height: 1.625em; }
.modal_email .desc em { color: #0f97dd; font-style: normal; }
.modal_email .date { display: block; margin-top: 25px; font-size: 14px; color: #666; }

.sub_location { position: relative; z-index: 5; height: 60px; }
.sub_location .breadcrumb { width: 100%; border-bottom: 1px solid #ddd; }
.sub_location .breadcrumb:after { content: ""; display: table; clear: both; }
.sub_location .breadcrumb.fixed { position: fixed; top: 0; background: #fff; }
.sub_location .breadcrumb.up { top: 80px; }
.sub_location .breadcrumb .crumb_list:after { content: ""; display: table; clear: both; }
.sub_location .breadcrumb .crumb_list > li { position: relative; float: left; z-index: 1; margin-left: -1px; margin-bottom: -1px; }
.sub_location .breadcrumb .crumb_list > li .btn_home { width: 86px; height: 60px; text-indent: -9999%; font-size: 0; background: url("/resources/images/kr/common/icon_home.png") 50% 50% no-repeat; }
.sub_location .breadcrumb .crumb_list > li:nth-child(2) .current_locate { min-width: 150px; }
.sub_location .breadcrumb .crumb_list > li:nth-child(3) .current_locate { min-width: 170px; }
.sub_location .breadcrumb .crumb_list > li:nth-child(4) .current_locate { min-width: 230px; }
.sub_location .breadcrumb .crumb_list > li.long:nth-child(2) .current_locate { min-width: 190px; }
.sub_location .breadcrumb .crumb_list > li.long:nth-child(3) .current_locate { min-width: 170px; }
.sub_location .breadcrumb .crumb_list > li.long:nth-child(4) .current_locate { min-width: 230px; }
.sub_location .breadcrumb .crumb_list > li.open .current_locate:after { margin-top: 0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.sub_location .breadcrumb .crumb_list > li.open .drop_down { visibility: visible; opacity: 1; }
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate { border-right: 1px solid #ddd; font-weight: 600; color: #004990; position: relative; }
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate:before { display: block; position: absolute; bottom: -1px; left: -1px; width: calc(100% + 2px); height: 4px; content: ""; background: currentColor; }
.sub_location .breadcrumb .crumb_list > li:last-child .drop_down .mCSB_dragger_bar { background: #333; }
.sub_location .breadcrumb .crumb_list > li:last-child .drop_down .mCSB_draggerRail { background: #ddd; }
.sub_location .breadcrumb .current_locate { height: 60px; display: block; padding: 3px 50px 0 20px; background: none; border: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; z-index: 1; line-height: 58px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.sub_location .breadcrumb .current_locate:after { display: block; position: absolute; top: 50%; right: 20px; width: 6px; height: 6px; border-style: solid; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; pointer-events: none; color: #000; margin-top: -5px; }
.sub_location .breadcrumb .drop_down { position: absolute; top: 100%; left: 0; width: calc(100% - 2px); max-height: 245px; margin-top: -1px; padding: 15px 0; background: #fff; border: 1px solid #ddd; -webkit-box-sizing: content-box; box-sizing: content-box; visibility: hidden; opacity: 0; }
.sub_location .breadcrumb .drop_down:not(.mCS_no_scrollbar) { max-height: 220px; }
.sub_location .breadcrumb .drop_down li a { display: block; height: 44px; padding: 0 20px; line-height: 48px; }
.sub_location .breadcrumb .drop_down li a:hover { color: #0f97dd; }
.sub_location .breadcrumb .drop_down li a span { font-family: inherit; }
.sub_location .breadcrumb .drop_down li.current a { background: #f7f7f7; }
.sub_location .breadcrumb .drop_down li.current a span { color: #0f97dd; }
.sub_location .breadcrumb i.mark { position: relative; top: -3px; left: 2px; font-size: 12px; }

.sub_location .btn_inquire { position: absolute; top: 10px; right: calc(50% - 550px); width: 150px; height: 40px; padding: 0 20px; background: #0f97dd; line-height: 42px; letter-spacing: -0.025em; color: #fff; visibility: hidden; border-radius: 20px; }

.product .sub_location .btn_inquire { display: block; }

.sub_location .btn_inquire:after { right: 20px; color: #fff; }




/* font family */
.point-font {font-family: 'Nanum Myeongjo', serif;}
.main-font {font-family: 'Noto Sans KR', sans-serif;}
.eng-font {font-family: 'Urbanist', sans-serif;}


.color-point{color:#005d99; font-size:inherit;}
.color-point2{color:#ed6b06; font-size:inherit;}
.color-white {color:#fff; font-size:inherit;}
.color-black {color:#000; font-size:inherit;}
.color-gray {color:#666; font-size:inherit;}
.color-yellow {color:#ffff50; font-size:inherit;}
/* .color-light-gray {color:#e5e5e5;}
.color-black{color:#3c3c3b;} */



/* color */
.bg-point {background-color:#005d99;}
.bg-point2 {background-color:#ed6b06;}
.bg-point3 {background-color:#003f7e;}
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-sky {background-color:#e6f4fc;}
.bg-blue {background-color:#005d99;}
.bg-gray {background-color:#737373;}
.bg-gray2 {background-color:#e5e5e5;}
.bg-lightGray {background-color:#f7f7f7;}
/* .bg-light-gray {background-color:#f4f4f4;}
.bg-dark-gray {background-color:#404040;} */



/* font size */
.font-12{font-size:0.75rem;}
.font-14{font-size:0.875rem;}
.font-15{font-size:0.9375rem;}
.font-16{font-size:1.0rem;}
.font-18 {font-size:1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-24 {font-size: 1.5rem;}
.font-25{font-size:1.5625rem;}
.font-26{font-size:1.625rem;}
.font-28{font-size:1.75rem;}
.font-30 {font-size: 1.875rem;}
.font-32{font-size:2.0rem;}
.font-34{font-size:2.125rem;}
.font-35 {font-size: 2.19rem}
.font-36{font-size:2.25rem;}
.font-38{font-size:2.375rem;}
.font-40 {font-size: 2.5rem;}
.font-46 {font-size: 2.875rem;}
.font-48 {font-size: 3.0rem;}
.font-50 {font-size: 3.125rem;}
.font-55{font-size:3.4375rem;}
.font-60 {font-size: 3.75rem;}
.font-65{font-size:4.0625rem;}
.font-70 {font-size: 4.375rem;}
.font-80 {font-size: 5rem;}
.font-85{font-size:5.3125rem;}
.font-90 {font-size: 5.625rem;}
.font-100 {font-size: 6.250rem;}
.font-120 {font-size: 7.500rem;}
.font-150{font-size:9.375rem;}
.font-200{font-size:12.5rem;}

@media (max-width: 1024px) {
	.font-12{font-size:1.4rem;}
	.font-14{font-size:1.4rem;}
	.font-15{font-size:1.5rem;}
	.font-16{font-size:1.5rem;}
	.font-18 {font-size:1.6rem;}
	.font-20 {font-size: 1.6rem;}
	.font-22 {font-size: 1.7rem;}
	.font-24 {font-size: 1.7rem;}
	.font-25{font-size:1.8rem;}
	.font-26{font-size:1.8rem;}
	.font-28{font-size:1.9rem;}
	.font-30 {font-size: 1.9rem;}
	.font-32{font-size:2.0rem;}
	.font-34{font-size:2.0rem;}
	.font-35 {font-size: 2.0rem}
	.font-36{font-size:2.0rem;}
	.font-38{font-size:2.375rem;}
	.font-40 {font-size: 2.0rem;}
	.font-46 {font-size: 2.875rem;}
	.font-48 {font-size: 3.0rem;}
	.font-50 {font-size: 3.0rem;}
	.font-55{font-size:3.4375rem;}
	.font-60 {font-size: 3.0rem;}
	.font-65{font-size:4.0625rem;}
	.font-70 {font-size: 4.375rem;}
	.font-80 {font-size: 5rem;}
	.font-85{font-size:5.3125rem;}
	.font-90 {font-size: 5.625rem;}
	.font-100 {font-size: 6.250rem;}
	.font-120 {font-size: 7.500rem;}
	.font-150{font-size:9.375rem;}
	.font-200{font-size:12.5rem;}
}

/* font weight */
.bold100 {font-weight:100}
.bold200 {font-weight:200}
.bold300 {font-weight:300}
.bold400 {font-weight:400}
.bold500 {font-weight:500}
.bold600 {font-weight:600}
.bold700 {font-weight:700}
.bold800 {font-weight:800}
.bold900 {font-weight:900}


.sp-1 {letter-spacing: -1px;}



/* Margin */
.mt-10{margin-top: 0.625rem;}
.mt-15{margin-top:0.9375rem;}
.mt-20{margin-top: 1.25rem;}
.mt-25{margin-top:1.5625rem;}
.mt-30{margin-top: 1.875rem;}
.mt-35{margin-top:2.1875rem;}
.mt-40{margin-top: 2.5rem;}
.mt-45{margin-top: 2.8125rem;}
.mt-50{margin-top: 3.125rem;}
.mt-55{margin-top:3.4375rem;}
.mt-60{margin-top: 3.75rem;}
.mt-65{margin-top:4.0625rem;}
.mt-70{margin-top:4.375rem;}
.mt-80{margin-top: 5rem;}
.mt-85{margin-top:5.3125rem;}
.mt-90{margin-top:5.625rem;}
.mt-100{margin-top:6.25rem;}
.mt-150{margin-top:9.375rem;}
.mt-200{margin-top:12.5rem;}


.mr-0 {margin-right: 0 !important;}
.mr-10{margin-right: 0.625rem;}
.mr-15{margin-right:0.9375rem;}
.mr-20{margin-right: 1.25rem;}
.mr-25{margin-right:1.5625rem;}
.mr-30{margin-right: 1.875rem;}
.mr-35{margin-right:2.1875rem;}
.mr-40{margin-right: 2.5rem;}
.mr-45{margin-right: 2.8125rem;}
.mr-50{margin-right: 3.125rem;}
.mr-55{margin-right:3.4375rem;}
.mr-60{margin-right: 3.75rem;}
.mr-65{margin-right:4.0625rem;}
.mr-70{margin-right:4.375rem;}
.mr-80{margin-right: 5rem;}
.mr-85{margin-right:5.3125rem;}
.mr-90{margin-right:5.625rem;}
.mr-100{margin-right:6.25rem;}
.mr-150{margin-right:9.375rem;}
.mr-200{margin-right:12.5rem;}

.mb-0 {margin-bottom: 0 !important;}
.mb-10{margin-bottom: 0.625rem;}
.mb-15{margin-bottom:0.9375rem;}
.mb-20{margin-bottom: 1.25rem;}
.mb-25{margin-bottom:1.5625rem;}
.mb-30{margin-bottom: 1.875rem;}
.mb-35{margin-bottom:2.1875rem;}
.mb-40{margin-bottom: 2.5rem;}
.mb-45{margin-bottom: 2.8125rem;}
.mb-50{margin-bottom: 3.125rem;}
.mb-55{margin-bottom:3.4375rem;}
.mb-60{margin-bottom: 3.75rem;}
.mb-65{margin-bottom:4.0625rem;}
.mb-70{margin-bottom:4.375rem;}
.mb-80{margin-bottom: 5rem;}
.mb-85{margin-bottom:5.3125rem;}
.mb-90{margin-bottom:5.625rem;}
.mb-100{margin-bottom:6.25rem;}
.mb-150{margin-bottom:9.375rem;}
.mb-200{margin-bottom:12.5rem;}

.ml-10{margin-left: 0.625rem;}
.ml-15{margin-left:0.9375rem;}
.ml-20{margin-left: 1.25rem;}
.ml-25{margin-left:1.5625rem;}
.ml-30{margin-left: 1.875rem;}
.ml-35{margin-left:2.1875rem;}
.ml-40{margin-left: 2.5rem;}
.ml-45{margin-left: 2.8125rem;}
.ml-50{margin-left: 3.125rem;}
.ml-55{margin-left:3.4375rem;}
.ml-60{margin-left: 3.75rem;}
.ml-65{margin-left:4.0625rem;}
.ml-70{margin-left:4.375rem;}
.ml-80{margin-left: 5rem;}
.ml-85{margin-left:5.3125rem;}
.ml-90{margin-left:5.625rem;}
.ml-100{margin-left:6.25rem;}
.ml-150{margin-left:9.375rem;}
.ml-200{margin-left:12.5rem;}

.no-margin {margin:0 !important}
.m-auto {margin: 0 auto !important;}
.ml-auto {margin-left: auto;}
.mt-auto {margin-top: auto;}

/* Padding */
.pt-0 {padding-top: 0 !important;}
.pt-10 {padding-top: 0.625rem;}
.pt-20 {padding-top: 1.25rem;}
.pt-30 {padding-top: 1.875rem;}
.pt-40 {padding-top: 2.5rem;}
.pt-50 {padding-top: 3.125rem;}
.pt-60 {padding-top: 3.75rem;}
.pt-80 {padding-top: 5rem;}
.pt-100 {padding-top: 6.250rem;}

.pr-10 {padding-right: 0.625rem;}
.pr-20 {padding-right: 1.25rem;}
.pr-30 {padding-right: 1.875rem;}
.pr-40 {padding-right: 2.5rem;}
.pr-50 {padding-right: 3.125rem;}
.pr-60 {padding-right: 3.75rem;}
.pr-80 {padding-right: 5rem;}


.pb-0 {padding-bottom: 0 !important;}
.pb-10 {padding-bottom: 0.625rem;}
.pb-20 {padding-bottom: 1.25rem;}
.pb-30 {padding-bottom: 1.875rem;}
.pb-40 {padding-bottom: 2.5rem;}
.pb-50 {padding-bottom: 3.125rem;}
.pb-60 {padding-bottom: 3.75rem;}
.pb-80 {padding-bottom: 5rem;}
.pb-100 {padding-bottom: 6.250rem;}

.pl-10 {padding-left: 0.625rem;}
.pl-20 {padding-left: 1.25rem;}
.pl-30 {padding-left: 1.875rem;}
.pl-40 {padding-left: 2.5rem;}
.pl-50 {padding-left: 3.125rem;}
.pl-60 {padding-left: 3.75rem;}
.pl-80 {padding-left: 5rem;}
.pl-100 {padding-left: 6.250rem;}

.no-padding {padding:0 !important}
.no-padding-right {padding-right:0 !important}

/* flex */
.flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-wrap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.flex-center {display: flex; align-items: center; justify-content: center;}

.flexin{display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}
.flexjc_c{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.flexjc_sb{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: space-between;justify-content: space-between;}
.flexjc_fs{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flexjc_fe{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.flexai_c{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flexai_fs{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.flexai_fe{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.flexai_st{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

/* Text-align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

/* position */
.relative {position: relative;}
.absolute {position: absolute;}


/* shadow */
.shadow {box-shadow: 0 0 7px rgba(0,0,0,0.1);}


/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half-1{width:49%;margin-right:2%;margin-top:2%;}
.half-1:nth-child(-n+2){margin-top:0;}
.half-1:last-child{margin-right:0;}
.half-1:nth-child(2n){margin-right:0}

/* width */
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width100 {width: 100% !important;}

/*3개 박스*/
.box_wrap3 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap3:last-child {margin-bottom:0}
.box_wrap3 .box {width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
.box_wrap3 .box:nth-child(-n+3) {margin-top:0}
.box_wrap3 .box:nth-child(3n) {margin-right:0}
.box_wrap3 .box:last-child {margin-right:0}

/*여백없는 3개 박스*/
.box_wrap3.mr-0 .box{width:33.3333%;margin-right:0;}
.box_wrap3.mr-0{margin-bottom:0}

/*4개 박스*/
.box_wrap4 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap4:last-child {margin-bottom:0}
.box_wrap4 .box {width:23.5%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap4 .box:nth-child(-n+4) {margin-top:0}
.box_wrap4 .box:nth-child(4n) {margin-right:0}
.box_wrap4 .box:last-child {margin-right:0}

/*5개 박스*/
.box_wrap5 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap5:last-child {margin-bottom:0}
.box_wrap5 .box {width:18%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap5 .box:nth-child(-n+5) {margin-top:0}
.box_wrap5 .box:nth-child(5n) {margin-right:0}
.box_wrap5 .box:last-child {margin-right:0}

/*section 레이아웃*/
.section {padding:200px 0;}
.section_mini {padding:100px 0;}
.container {max-width:1400px; margin:auto}
.cont_box {margin-top: 4.68rem;}
.tit {}


.section-left {padding-left: calc((100% - 1400px)/2);width:100%;}
.section-right {padding-right: calc((100% - 1400px)/2);width:100%;}


.visible-xxs {display:none!important}
.hidden-xxs {display:block!important}
.visible-xs {display:none!important}
.hidden-xs {display:block!important}
.visible-md {display:none!important}
.hidden-md {display:block!important}
.hidden-lg {display:block!important}
.pc_img {display:block!important}
.m_img {display:none!important}

.max1920{max-width: 1920px;margin: auto;}
.img-responsive {max-width: 100%;display: block;}
.clearfix {*zoom:1;}
.clearfix:after {content: '';clear: both;display: block;}

.mapArea{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}


/*게시판 스타일설정*/
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {max-width:1400px;margin:auto;padding:80px 0 200px 0;font-size:0.85rem;position:relative;z-index:10;}
.register{max-width:1400px;width:90%;margin:calc(5% + 100px) auto 5% !important;}
#bo_cate #bo_cate_on{color:#fff!important;background: #005d99!important;border: 1px solid #005d99!important;-webkit-box-shadow: none!important;-moz-box-shadow: none!important;box-shadow: none!important;}
#bo_cate a {border: 1px solid rgba(0, 93, 153, 0.3)!important;color: rgba(0, 93, 153,0.8)!important;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background: #005d99!important;color:#fff!important}
#bo_btn_top span{vertical-align: baseline;}
/* .tbl_head01 table thead{background:rgba(0, 93, 153, 0.3);} */


@media (max-width: 1440px) {
    body, html{font-size: 14px;}
    .container{width:90%;margin:auto;}

    .section-right{padding-right: 5%}
    .section-left{padding-left: 5%}
    .section {padding:130px 0;}
    .section_mini {padding:70px 0;}

    .hidden-lg {display:none!important;}

    /*그누보드 팝업*/
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
    div#bo_list, section#bo_w, article#bo_v, div#bo_gall {width:90%!important}
}

@media (max-width: 1240px) {
    
}

@media (max-width: 1024px) {
    body, html {font-size: 11px;}
    .section {padding:100px 0;}
}

@media (max-width: 990px) {
    .visible-md {display:block!important}
	.hidden-xxs {display:none!important}
    .hidden-md {display:none!important}
}



@media (max-width: 768px) {
    .visible-xs {display:block!important}
    .hidden-xs {display:none!important}
    .pc_img{display:none!important}
    .m_img{display:block!important}

    .section {padding:80px 0;}
    .cont_box {margin-top: 3.5rem;}
    .mb-50 {margin-bottom: 2.2rem;}

    .half-1 {width:100%;margin-right:0}
    .half {width:100%;}
    .box_wrap3 .box{width:100%;margin-right:0}
    .box_wrap3.mr-0 .box{width:100%;}
    .box_wrap4 .box{width:100%;margin-right:0}


    div#bo_list, section#bo_w, article#bo_v, div#bo_gall {padding:80px 0 100px 0;}

    /*그누보드 팝업*/
    #hd_pop {width:100% !important;}
    .hd_pops {left: 15px !important;right: 15px;}
    .hd_pops img {width:100% !important;}
    .hd_pops_con {width:100% !important;height:auto !important;}
}


@media (max-width: 500px) {
    .gall_row .col-gn-4{width:100%;}
	.tbl_wrap table{font-size:11px;}
	#bo_list .tbl_head01 thead th.th_line01{width:10%;}
	#bo_list .tbl_head01 thead th.th_line02{width:auto;}
	#bo_list .tbl_head01 thead th.th_line03{width:15%;}
	#bo_list .tbl_head01 thead th.th_line04{width:10%;display:none;}
	#bo_list .tbl_head01 thead th.th_line05{width:16%;}
	#bo_list .tbl_head01 thead th.th_line06{width:13%;}

    #bo_list .td_num{display:none;}
}

@media (max-width: 400px) {
	.visible-xxs {display:block!important}
	#bo_list .tbl_head01 thead th.th_line06{width:17%;}
}


/* ==================================================================
    Animation 및 효과 설정부분
===================================================================== */

/* ========== Aos (fade) ========== */
[data-aos=fade-up2] { transform: translate3d(0, 30px, 0); }
[data-aos=fade-down2] { transform: translate3d(0, -30px, 0); }
[data-aos=fade-right2] { transform: translate3d(-30px, 0, 0); }
[data-aos=fade-left2] { transform: translate3d(30px, 0, 0); }
[data-aos=fade-up-right2] { transform: translate3d(-30px, 30px, 0); }
[data-aos=fade-up-left2] { transform: translate3d(30px, 30px, 0); }
[data-aos=fade-down-right2] { transform: translate3d(-30px, -30px, 0); }
[data-aos=fade-down-left2] { transform: translate3d(30px, -30px, 0); }
[data-aos=fade-in] { transform: translate3d(0, 0, 0); }

/* ========== Aos (reveal) ========== */
[data-aos="reveal-line"]{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
[data-aos="reveal-line"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-revers"]{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}
[data-aos="reveal-line-revers"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}

[data-aos="reveal-line-half"]{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);}
[data-aos="reveal-line-half"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-half-revers"]{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);}
[data-aos="reveal-line-half-revers"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)}

[data-aos="reveal-top"]{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
[data-aos="reveal-top"].aos-animate {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
[data-aos="reveal-bottom"]{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="reveal-bottom"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
[data-aos="reveal-circle"]{clip-path: circle(0% at 50% 50%);}
[data-aos="reveal-circle"].aos-animate {clip-path:  circle(100% at 50% 50%);}

/* ========== Aos (animation 효과로 설정) ========== */
[data-aos="title"]{ opacity: 0;}
[data-aos="title"].aos-animate {animation: title 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="tit_mini"]{ opacity: 0;}
[data-aos="tit_mini"].aos-animate {animation: tit_mini 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="focus"]{ opacity: 0;}
[data-aos="focus"].aos-animate {animation: focus 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

/* ========== Animation ========== */
@keyframes title    {0% {letter-spacing: -0.5em;opacity: 0;} 40% {opacity: 0.6;}  100% {opacity: 1;} }
@keyframes tit_mini {0% {letter-spacing: 0.5em;opacity: 0;}  40% {opacity: 0.6;}  100% {letter-spacing: 0;opacity: 1;}}
@keyframes focus    {0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}}
@keyframes cycleM   {0% {transform:  translateY(0) scale(1);}    100% {transform: translateY(1.5rem) scale(0.95)}}
@keyframes rotate   {from{ transform: rotate(0); }to{ transform: rotate(360deg); }}
@keyframes scroll   {0% {transform: translate(-50%, 0);opacity: 0;} 40% {opacity: 1;}80% {transform: translate(-50%, 1.4rem);opacity: 0;}100% {opacity: 0;}}
@keyframes bigger   {0%{transform: scale(0); opacity:1;} 100%{transform: scale(5); opacity:0;}}
@keyframes bounce   {to {transform: translateX(2rem);opacity: 0;}}