@charset "utf-8";





/* 초기화 */

html {overflow:hidden;overflow-y:scroll;}

body {overflow:hidden;margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', dotum, sans-serif;background:#fff}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0; font-weight: normal;}

/* h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} */

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



ul, dl,dt,dd {margin:0;padding:0;list-style:none}

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

label, input, button, select, img {vertical-align:middle;font-size:1em}

input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:.8em}

input[type="submit"] {cursor:pointer}

button {cursor:pointer}

strong {font-weight:inherit;}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}

select {margin:0}

p {margin:0;padding:0;word-break:break-all}

hr {display:none}

pre {overflow-x:scroll;font-size:1.1em}

a {color:#000;text-decoration:none}



*, :after, :before {

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}

#sns_login {border:0;margin-top:15px;border-top:1px solid #edeaea;width: 80%;margin: 0 auto;}



input[type=text],input[type=password], textarea {

-webkit-transition:all 0.30s ease-in-out;

-moz-transition:all 0.30s ease-in-out;

-ms-transition:all 0.30s ease-in-out;

-o-transition:all 0.30s ease-in-out;

outline:none;

}



input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {

-webkit-box-shadow:0 0 5px #9ed4ff;

-moz-box-shadow:0 0 5px #9ed4ff;

box-shadow:0 0 5px #9ed4ff;

border:1px solid #558ab7 !important;

}

em {font-style: inherit;}

.placeholdersjs {color:#aaa !important}





html::-webkit-scrollbar {width: 5px;}

html::-webkit-scrollbar-thumb {background-color: #333; border-radius: 10px;}

::selection {background-color: #d6b9a3; color: white; }



/* Common */

.skip,

.skip a {width:0px;height:0px;line-height:0;border:none;position:fixed;top:0px;left:0px;font-size:0;overflow:hidden;z-index:100000;}

.skip a:focus, .skip a:active {width:100%;height:50px;line-height:50px;background:#21272e;color:#fff;font-size:24px;font-weight:bold;text-align:center;text-decoration:none;}

.hidden{width:0px;height:0px;line-height:0;border:none;position:absolute;top:0;left:0;font-size:0;overflow:hidden;}

.cfix:after{display:block;clear:both;content:"";}

.marno{margin:0}

.blind{ position: absolute; left:-9999px;}

.justify{text-align:justify;}

.justify:after {content:""; display:inline-block;width:100%;}

.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



.pt160{padding-top:160px !important}

.pb160{padding-bottom:160px !important}



/* ===== UTILITY: ETC ===== */

.tac { text-align: center; }

.green { color: #035272; }



/* ===== MAX WIDTH ===== */

.w1200 { max-width: 1200px; }

.w1280 { max-width: 1280px; }

.w1400 { max-width: 1400px; }

.w1480 { max-width: 1480px; }





/* 마진 */

.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;}

.mb85{margin-bottom:85px !important;}

.mb90{margin-bottom:90px !important;}

.mb95{margin-bottom:95px !important;}

.mb100{margin-bottom:100px !important;}

.mb150{margin-bottom:150px !important;}



.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;}

.mt85{margin-top:85px !important;}

.mt90{margin-top:90px !important;}

.mt95{margin-top:95px !important;}

.mt100{margin-top:100px !important;}

.mt150{margin-top:150px !important;}





.en{font-family:'Cormorant',serif;}

/* Cormorant (장식용 영문) - Google Fonts 대신 자체 호스팅. 가변 폰트 1개로 300~700 커버 */
@font-face {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 400 500;
	font-display: swap;
	src: url('/assets/fonts/Cormorant-latin-v2.woff2') format('woff2');
	unicode-range: U+20-7E,U+B0,U+B7,U+2013-2014,U+2018-2019,U+201C-201D,U+2026;
}
/* Pretendard 가변 서브셋 - 파일 하나로 400~700 을 모두 낸다 (정적 4종 292KB -> 122KB)
   여기에 없는 글자는 head 에서 불러오는 Pretendard 동적 서브셋(CDN)이 이어받는다.
   문구가 크게 바뀌면 서브셋을 다시 만들 것. */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('/assets/fonts/subset/PretendardVariable.subset.v2.woff2') format('woff2');
	unicode-range: U+20-7E,U+A0-148,U+14A-17F,U+2013-2014,U+2018-2019,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+203B,U+2070,U+2074,U+2081-2085,U+20A9,U+20AC,U+2103,U+2109,U+2116,U+2190-2193,U+21D2,U+221E,U+2260,U+2264-2265,U+2460-2469,U+25A0-25A1,U+25B2-25B3,U+25B6,U+25BC-25BD,U+25C0,U+25C6-25C7,U+25CB,U+25CF,U+2605-2606,U+3008-3011,U+3131-3163,U+338E-338F,U+339C-339E,U+33A1,U+33A5,U+33C4,U+AC00-AC01,U+AC04,U+AC10-AC11,U+AC15-AC16,U+AC19,U+AC1C-AC1D,U+AC31,U+AC40,U+AC70-AC71,U+AC74,U+AC78,U+AC80,U+AC83,U+AC8C,U+ACA0,U+ACA8-ACA9,U+ACAC,U+ACB0,U+ACBD,U+ACC1,U+ACC4,U+ACE0-ACE1,U+ACE4,U+ACE7-ACE8,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD11,U+AD1C,U+AD50,U+AD6C-AD6D,U+AD70,U+AD7C,U+AD81,U+AD88,U+AD8C,U+ADA4,U+ADC0,U+ADDC,U+ADE0,U+ADF8-ADF9,U+ADFC,U+AE00,U+AE08-AE09,U+AE30,U+AE34,U+AE38,U+AE41,U+AE4A,U+AE4C,U+AEBC,U+AED8,U+AEF4,U+AF2D,U+AFB8,U+B00C,U+B05D,U+B08C,U+B098,U+B09C,U+B0A0,U+B0A8-B0A9,U+B0AB,U+B0AD-B0AE,U+B0B4,U+B0C5,U+B108,U+B110,U+B113,U+B118,U+B123-B124,U+B144,U+B155,U+B178,U+B192-B193,U+B1CC,U+B1E8,U+B204,U+B208,U+B290-B291,U+B294,U+B298,U+B2A5,U+B2C8-B2C9,U+B2CC,U+B2D9,U+B2E4,U+B2E8,U+B2EB-B2EC,U+B2F4-B2F5,U+B2F9,U+B300,U+B313,U+B354,U+B358,U+B35C,U+B367,U+B370,U+B3C4-B3C5,U+B3CC,U+B3D5,U+B3D9,U+B418,U+B41C,U+B420,U+B429,U+B450,U+B458,U+B4A4,U+B4DC,U+B4E0,U+B4E4,U+B4ED,U+B4EF,U+B4F1,U+B514,U+B530,U+B54C,U+B5A4,U+B5A8,U+B5BB,U+B610,U+B69C,U+B77C-B77D,U+B780,U+B784,U+B78C-B78D,U+B791,U+B798,U+B79C,U+B7A8,U+B7C9,U+B7EC,U+B7F0,U+B7FC,U+B807-B808,U+B824-B825,U+B828,U+B834-B835,U+B837,U+B839,U+B85C-B85D,U+B864,U+B86D,U+B8B0,U+B8CC,U+B8E8,U+B958,U+B960,U+B974,U+B978,U+B97C,U+B984-B985,U+B9AC,U+B9B0,U+B9B4,U+B9BC-B9BD,U+B9C8-B9C9,U+B9CC,U+B9CE,U+B9D0-B9D1,U+B9DD-B9DE,U+B9E4-B9E5,U+B9F9,U+BA38-BA39,U+BA3C,U+BA4D,U+BA54,U+BA70,U+BA74,U+BA78,U+BA85,U+BA87,U+BAA8-BAA9,U+BAAC,U+BAB8,U+BABB,U+BB34,U+BB38,U+BB3C,U+BBA4,U+BBC0,U+BBF8,U+BBFC,U+BC00,U+BC0F,U+BC14-BC15,U+BC18,U+BC1B-BC1D,U+BC24,U+BC29,U+BC30-BC31,U+BC84,U+BC88,U+BC94-BC95,U+BC97,U+BCBC-BCBD,U+BCC0,U+BCC4,U+BCD1,U+BCF4-BCF5,U+BCF8,U+BCFC,U+BD05,U+BD09,U+BD10,U+BD80,U+BD84,U+BD88,U+BD93,U+BD99,U+BE0C,U+BE44,U+BE48,U+BE59,U+BE5B,U+BE60,U+BE68,U+BE7C,U+BF08,U+C0AC-C0AD,U+C0B0,U+C0B4,U+C0BC,U+C0C1,U+C0C8-C0C9,U+C0DD,U+C11C-C11D,U+C120,U+C124,U+C12F,U+C131,U+C138,U+C13C,U+C154,U+C158,U+C15C,U+C18C-C18D,U+C1A1,U+C218-C219,U+C21C,U+C220,U+C228,U+C26C,U+C270,U+C274,U+C27D,U+C2A4,U+C2B4-C2B5,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C2EC-C2ED,U+C2F6,U+C313,U+C4F0,U+C500-C501,U+C528,U+C52C,U+C544,U+C548-C54A,U+C54C,U+C553-C555,U+C557-C559,U+C55E,U+C560-C561,U+C571,U+C57C-C57D,U+C591,U+C5B4-C5B5,U+C5B8,U+C5BB,U+C5C4-C5C8,U+C5D0,U+C5D4,U+C5EC-C5ED,U+C5F0,U+C5F4,U+C5FC,U+C600-C601,U+C608,U+C624-C625,U+C628,U+C62C,U+C637,U+C640,U+C644,U+C654,U+C678,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6B8,U+C6C0-C6C1,U+C6C3,U+C6CC,U+C6D0,U+C6D4,U+C6E0,U+C6F0,U+C704,U+C717,U+C720-C721,U+C728,U+C73C,U+C740,U+C744,U+C74C,U+C751,U+C758,U+C774,U+C778,U+C77C-C77D,U+C784-C785,U+C787-C789,U+C790-C791,U+C794,U+C798,U+C7A0-C7A1,U+C7A5-C7A6,U+C7AC,U+C800-C801,U+C804,U+C808,U+C810-C811,U+C815,U+C81C,U+C838,U+C84C,U+C870-C871,U+C874,U+C878,U+C885,U+C88B-C88C,U+C8FC-C8FD,U+C900,U+C904,U+C90D,U+C911,U+C988-C989,U+C99D,U+C9C0-C9C1,U+C9C4,U+C9C8,U+C9D1,U+C9D5,U+C9DD,U+C9E7,U+CABD,U+CC28-CC29,U+CC2C,U+CC2E,U+CC30,U+CC38,U+CC3E,U+CC44,U+CC59,U+CC98-CC99,U+CC9C,U+CCA0,U+CCA8,U+CCAB,U+CCAD,U+CCB4,U+CCD0,U+CD08,U+CD1D,U+CD2C,U+CD5C,U+CD94-CD95,U+CD98,U+CD9C,U+CDA4,U+CDA9,U+CDB0,U+CDCC,U+CDE8,U+CE20-CE21,U+CE35,U+CE58-CE59,U+CE5C,U+CE60,U+CE68,U+CE74,U+CE7C,U+CEE4,U+CEE8,U+CEF4,U+CF1C,U+CF54,U+CF5C,U+CF8C,U+CFE0,U+D06C,U+D074,U+D07C,U+D0A4,U+D0B5,U+D0C0,U+D0C4,U+D0C8,U+D0DC-D0DD,U+D130-D131,U+D138,U+D14C,U+D154,U+D15C,U+D1A0-D1A1,U+D1B1,U+D1B5,U+D1F4,U+D22C,U+D2B8-D2B9,U+D2C0,U+D2F0,U+D305,U+D30C,U+D310,U+D31D,U+D328-D329,U+D33D,U+D37C,U+D38C,U+D398,U+D3B4,U+D3B8,U+D3C9,U+D3D0,U+D3EC-D3ED,U+D3F0,U+D45C,U+D478,U+D480,U+D488,U+D48D,U+D4E8,U+D504,U+D50C,U+D53C,U+D544,U+D54D,U+D558-D559,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574-D575,U+D587-D589,U+D5A5,U+D5C8,U+D5CC,U+D5D8,U+D5EC,U+D5F9,U+D604,U+D608,U+D611,U+D615,U+D638-D639,U+D63C,U+D640,U+D654-D655,U+D658,U+D65C,U+D669,U+D68C-D68D,U+D69F,U+D6A8,U+D6C4,U+D6E8,U+D734,U+D749,U+D750,U+D754,U+D761,U+D788,U+D799;
}
@font-face {

   font-display: swap;

   font-family: 'FelixTitling';

   font-style: normal;

   font-weight: 400;

   src: url('/assets/fonts/FelixTitling.woff2') format('woff2');

}

@font-face {

   font-display: swap;

   font-family: 'Futura Bk Book';

   font-style: normal;

   font-weight: 400;

   src: url('/assets/fonts/Futura-Bk-Book.woff2') format('woff2');

}





@font-face {

   font-display: swap;

	font-family: 'IvyMode'; 

	font-style: normal;

	font-weight: 300; 

	src: url('/assets/fonts/IvyMode-Light.woff2') format('woff2');

}

@font-face {

   font-display: swap;

	font-family: 'IvyMode'; 

	font-style: normal;

	font-weight: 400; 

	src: url('/assets/fonts/IvyMode-Regular.woff2') format('woff2');

}

@font-face {

   font-display: swap;

	font-family: 'IvyMode'; 

	font-style: normal;

	font-weight: 600; 

	src: url('/assets/fonts/IvyMode-SemiBold.woff2') format('woff2');

}

/* font-size */

.txt180{font-size:180px;line-height:1.2; letter-spacing:-10px;}

.txt98{font-size:98px;line-height:1.2;}

.txt88{font-size:88px;line-height:1.2;}

.txt84{font-size:84px;line-height:1.2;}

.txt78{font-size:78px;line-height:1.2;}

.txt74{font-size:74px;line-height:1.2;}

.txt72{font-size:72px;line-height:1.2;}

.txt68{font-size:68px;line-height:1.2;}

.txt66{font-size:66px;line-height:1.2;}

.txt62{font-size:62px;line-height:1.2;}

.txt60{font-size:60px;line-height:1.2;}

.txt58{font-size:58px;line-height:1.2;}

.txt56{font-size:56px;line-height:1.2;}

.txt54{font-size:54px;line-height:1.2;}

.txt53{font-size:53px;line-height:1.2;}

.txt52{font-size:52px;line-height:130%;}

.txt50{font-size:50px;line-height:130%;}

.txt48{font-size:48px;line-height:130%;}

.txt46{font-size:46px;line-height:1.2;}

.txt45{font-size:45px;line-height:1.428;}

.txt44{font-size:44px;line-height:1.428;}

.txt42{font-size:42px;line-height:1.2;}

.txt40{font-size:40px;line-height:1.428;}

.txt38{font-size:38px;line-height:130%;}

.txt36{font-size:36px;line-height:1.428;}

.txt34{font-size:34px;line-height:1.428;}

.txt32{font-size:32px;line-height:1.428;}

.txt30{font-size:30px;line-height:180%;}

.txt28{font-size:28px;line-height:1.33;}

.txt26{font-size:26px;line-height:1.33;}

.txt24{font-size:24px;line-height:1.2;}

.txt22{font-size:22px;line-height:1.33;}

.txt21{font-size:21px;line-height:1.33;}

.txt20{font-size:20px;line-height:1.33;}

.txt19{font-size:19px;line-height:1.33;}

.txt18{font-size:18px;line-height:1.33;}

.txt17{font-size:17px;line-height:1.33;}

.txt16{font-size:16px;line-height:1.33;}

.txt15{font-size:15px;line-height:1.33;}

.txt14{font-size:14px;line-height:1.5;}

.txt13{font-size:13px;line-height:1.5;}

.txt12{font-size:12px;line-height:1.5;}

.txt11{font-size:11px;line-height:1.5;}

.txt10{font-size:10px;line-height:1.5;}

.txt8{font-size:8px;line-height:1.33;}





/* 공통 */

.row {width: 100%; margin:0 auto; position: relative;}

.tly-60{position:absolute;left:0;top:60%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}

.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}

.tly-40{position:absolute;left:0;top:40%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}

.tly-30{position:absolute;left:0;top:30%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}

.tly-20{position:absolute;left:0;top:20%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}



.sd-content p{font-size:18px !important; line-height:25px; word-break:keep-all;}

.sd-title{margin-bottom:20px}

.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}

.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}



article {position: relative;}

#wrap{background:#fff}

.white {color: #fff;}

.black {color: #151515;}

.gray {color: #666;}

.gray3 {color: #333;}

.gray8 {color: #888;}

.gray9 {color: #999;}

.beige {color: #c1a28e;}

.blue {color: #5baefe;}

.blue1 {color: #073083;}

.yellow {color:#ffdf5f;}

.orange {color:#ff660a;}



.yellowline {position: relative;display: inline-block;  }

.yellowline::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; background: rgba(250, 244, 148, 0.6); z-index: -1;}

.yellowline2 {position: relative;display: inline-block; }

.yellowline2::after {content: ''; position: absolute; left: 0; right: 0; bottom: 10px; height: 10px; background: rgba(250, 244, 148, 0.4); z-index: -1;}

.blueline {position: relative;display: inline-block; color:#073083 }

.blueline::after {content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; background:rgba(7,48,131,1);}

.orangeline {position: relative;display: inline-block; color:#db590a }

.orangeline::after {content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; background:rgba(255,102,10,1);}



.all_block {display: block;}

.inline_1280 {display: block;}

.inline_1000 {display: block;}

.inline_980 {display: block;}

.inline_820 {display: block;}

.inline_520 {display: block;}

.in820_b520 {display: block;}



.fwn {font-weight: normal;}

.fwb {font-weight: bold;}

.fw100 {font-weight: 100;}

.fw200 {font-weight: 200;}

.fw300 {font-weight: 300;}

.fw350 {font-weight: 350;}

.fw400 {font-weight: 400;}

.fw500 {font-weight: 500;}

.fw600 {font-weight: 600;}

.fw700 {font-weight: 700;}

.fw800 {font-weight: 800;}

.fw900 {font-weight: 900;}

.wk {-ms-word-break: keep-all;word-break: keep-all;}

.tac {text-align: center;}

.tal {text-align: left;}

.tar {text-align: right;}



.pd30{ padding-left:30px;}

.pd18{ padding-left:18px;}

.pd10{ padding-left:10px;}



.lh1 {line-height: 1;}

.lh12 {line-height: 1.2;}

.lh13 {line-height: 1.33;}

.lh15 {line-height: 1.5;}

.lh17 {line-height: 1.7;}

.lh2 {line-height: 2;}

.lh3 {line-height: 3;}



.w2100 {max-width: 2130px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1800 {max-width: 1830px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1600 {max-width: 1630px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1500 {max-width: 1530px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1400 {max-width: 1430px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1300 {max-width: 1330px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1200 {max-width: 1230px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1100 {max-width: 1130px; margin: 0 auto; position: relative; padding: 0 15px;}

.w1000 {max-width: 1030px; margin: 0 auto; position: relative; padding: 0 15px;}

.w900 {max-width: 930px; margin: 0 auto; position: relative; padding: 0 15px;}

.w800 {max-width: 830px; margin: 0 auto; position: relative; padding: 0 15px;}

.w600 {max-width: 630px; margin: 0 auto; position: relative; padding: 0 15px;}



.ff_eulyoo {font-family: 'Eulyoo'; }

.ff_futura {font-family: 'Futura Bk Book';}

.ff_mont {font-family: 'Montserrat';}

.ff_nSerif {font-family: 'Noto Serif KR', serif;}





.cir_rotate { animation: progress_Rotate 20s linear infinite; }



.full_img {width: 2000px;position: relative; left: 50%; margin-left: -1000px;}

.slick-prev:before,

.slick-next:before {display: none;}







#cursor{

	z-index: 99;

	position: fixed;

	left: 0;

	top: 0;

	pointer-events: none;

	will-change: transform;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background: url("/assets/images/common/cursor_view.png")no-repeat center;

	transition: background 0.4s, width 0.6s, height 0.6s, transform .4s;

	transform: translate(-50%,-50%);

	background-size:cover;

	opacity:0;

}

#cursor.on {

	opacity:1;

	width:130px;

	height:130px;

	transition: background 0.4s, width 0.4s, height 0.4s, transform .4s;

	background-size:cover;

}

#cursor .cursor_cir {display: none;}

#cursor.cir {opacity: 1;width: 45px; height: 45px;pointer-events:none;background: none;mix-blend-mode:difference;will-change:transform;}

#cursor.cir:before {opacity: 1;transform:scale(1);}

#cursor:before {content:''; display: block;border: 2px solid #fff; width: 100%; height: 100%; position: absolute; top: -2px; left: -2px; transform:scale(.2); opacity: 0;border-radius:50%;}

#cursor.cir .cursor_cir {display: block;}

#cursor.cir .cursor_cir span {position: absolute; top: 50%; left: 0; display: block; width: 100%; text-align: center; transform:translateY(-50%);}

#cursor.cir .cursor_cir i {position: absolute; color: #fff;}

#cursor.cir .cursor_cir i.fa-angle-left {left: -40px; top: -9px; transform:translateX(17px)}

#cursor.cir .cursor_cir i.fa-angle-right {right: -40px; top: -9px;transform:translateX(-20px)}





/* 팝업로그인 */

#pop_login {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; display:none; }

#pop_login .dimmed{position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%;}

#pop_mb_login {width:450px; height:auto; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#FFFFFF;  /*overflow: hidden;*/ margin: 0;  border-radius:35px;}

#pop_login .in {padding: 10px 0; min-height:222px; padding:20px 0 0 0;}

#pop_login .in .tit {font-size: 15px; font-weight: 500; margin:0 0 15px; letter-spacing:-1px; line-height:150%;  }

#pop_login .in .tit .mint {color: #1f9f9d;}

.poplogin_btn {cursor: pointer;}

#plogin_fs {vertical-align: middle; width:100%; margin:0 auto; padding:0 45px;}

#login_fs{padding:0 50px}

#pop_mb_login #lpogin_fs .frm_input{margin:0 0 10px;}

#pop_mb_login .frm_input{height: 50px; width: 100%;padding-left: 10px; margin-top:5px; border:1px solid #ddd; }

#pop_mb_login #plogin_fs .btn_submit { height: 50px;  width: 100%; padding: 0; margin: 0;text-align: center; background-color: #333; color:#fff;  border-radius:5px; font-size: 16px; margin-top:20px; border:none; }

#pop_mb_login #plogin_info{background:#f6f6f6;padding:15px 5px;border-top:1px solid #e8e8e8; background-color:#2b3751; margin:10px 45px 20px; }

#pop_mb_login #plogin_info:after {display:block;visibility:hidden;clear:both;content:""}

#pop_mb_login #plogin_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#pop_mb_login #plogin_info .btn_wrap a{display:inline-block;width:50%;float:left; text-align:center; padding: 0 25px; color:#fff; font-size:14px; transition:.5s; letter-spacing:-1px;}

#pop_mb_login #plogin_info .btn_wrap a:first-child {text-align: right;}

#pop_mb_login #plogin_info a:hover{color:#ddd;  }

#plogin_password_lost{border-right:1px solid #ddd}

.closeWrap{height:45px; padding:0 10px; color:#949393; background-color:#222; line-height:45px; width:100%; font-size:16px;   border-bottom-right-radius:35px;  border-bottom-left-radius:35px;}



#pop_mb_login_notmb{margin:30px auto;padding:20px 30px }

#pop_mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}

#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}

#pop_mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}



#pop_mb_login_od_wr{margin:30px auto;padding:20px 30px }

#pop_mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}

#pop_mb_login_od_wr .frm_input{margin:10px 0 0 }

#pop_mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}







/* -- animation */

@keyframes tt_scrolling_text {

	0% { transform: translateX(0) }

	100% { transform: translateX(-50%) }

}

@keyframes movetxt {

  to { transform: translate(-100%, 0); }

}

@keyframes move_scroll {

    0% { transform:translateY(0); }

   50% { transform:translateY(-10px); }

}

@keyframes rotate_circle{

	100% {transform: rotate(360deg); }

}

@keyframes effect{ 

	0% { top: 50%; }

	100% { top: 60%; }

}

@keyframes bouncing { 	

	0% {  transform:translate(0,-5px); }

	100% { transform:translate(0,5px); }

}

@keyframes progress_Rotate {

  to { transform: rotate(360deg); }

}

@keyframes imgAni_rt {

	0%{transform: scale(0, 1);}

	40%{transform: scale(1, 1);}

	50%{transform: scale(1, 1);}

	100%{transform: scale(1, 1) translateX(100%);}

}

@keyframes imgAni {

	0%{opacity:0;}

	50%{opacity:1;}

	100%{opacity:1;}

}

@keyframes progress {

  0% { stroke-dashoffset: 125.664px; }

  90% { stroke-dashoffset: 0; }

  100% { stroke-dashoffset: -125.664px; }

}

/* animation -- */



.tt-scrolling-text {

	display: flex;

	position: relative;

	pointer-events: none;

}

.tt-scrolling-text-inner {

	padding-left: 2vw;

	font-size: calc(16px + 4vw);

	line-height: 1;

	font-family: 'Italiana', sans-serif; 

	font-weight: 500;

	color: #eceae9; opacity:1;

	white-space: nowrap;

	animation-name: tt_scrolling_text; 

	animation-timing-function: linear; 

	animation-iteration-count: infinite; 

	animation-play-state: running;

	/* animation-duration is handled by js. */

}

.tt-scrolling-text-inner:after {

	content: attr(data-text);

	/* display: block; */

}



.tt-scrolling-text-inner img {border:#eee 1px solid; padding: 5px 10px; border-radius: 20px;}





/* Animation direction reverse. */

.tt-scrolling-text.scr-text-reverse .tt-scrolling-text-inner {

	animation-direction: reverse;

}

.tt-scrolling-text.scr-text-stroke .tt-scrolling-text-inner {

	font-weight: normal;

	color: transparent;

	-webkit-text-stroke-width: 1px;

	-webkit-text-stroke-color: #3b3b3f;

	-webkit-text-fill-color: transparent;

}



.move_txt {position: absolute; bottom: 0; left: 0; width: 200%;}

.move_txt .txt {animation: movetxt 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scroll) * -0.4s);animation-iteration-count: 1; animation-fill-mode: both;}

}



@media all and (max-width:1230px){

	.txt98,

	.txt88,

	.txt84,

	.txt78,

	.txt72,

	.txt74{font-size:60px;}

	.txt68,

	.txt66{font-size:54px;}

	.txt62,

	.txt60{font-size:52px;}

	.txt58,

	.txt56,

	.txt54{font-size:48px;}

	.txt53,

	.txt52,

	.txt50{font-size:42px;}

	.txt48{font-size:38px;}

	.txt46{font-size:37px;}

	.txt45,

	.txt44{font-size:36px;}

	.txt42,

	.txt40{font-size:32px;}

	.txt38{font-size: 30px;}

	.txt36,

	.txt34{font-size:28px;}

	.txt32{font-size:26px;}

	.txt30{font-size:24px;}

	.txt28,

	.txt26{font-size:20px;}

	.txt24{font-size: 19px;}

	.txt22,

	.txt21{font-size:18px;}

	.txt20,

	.txt19{font-size:17px;}

	.txt18,

	.txt17{font-size:16px;}

	.txt16{font-size:15px;}

	.txt15{font-size:14px;}

	.txt14{font-size:13px;}

	.txt12{font-size:11px;}

	.txt11{font-size:10px;}



	img {max-width:100%;}

	.inline_1230 {display: inline;}

	.block_1230 {display: block;}

}





@media all and (max-width:820px){

	.txt98,

	.txt88,

	.txt84,

	.txt78,

	.txt72,

	.txt74{font-size:42px;}

    .mt150{margin-top:80px !important;}

	

	.ani_left{left: auto;top:25px;}

	.ani_left.move{left: auto;top:0;}

	.ani_right{right: auto;top: 25px;}

	.ani_right.move{ right: auto;top:0;}

	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}

	.trans_d1,

	.trans_d2,

	.trans_d3,

	.trans_d4,

	.trans_d5,

	.trans_d6{transition-delay:0.2s;}

	.inline_820 {display: inline;}

	.no_820 {display: none;}

	.block_820 {display: block;}

	.in820_b520 {display: inline;}

    

	

	

#pop_login {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; display:none; }

#pop_login .dimmed{position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%;}

#pop_mb_login {width: 90%;height:auto;position:absolute;top: 53%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#FFFFFF;/*overflow: hidden;*/margin: 0;border-radius:35px;/* scale: .9; */}

#pop_login .in {padding: 10px 0; min-height:222px; padding:20px 0 0 0;}

#pop_login .in .tit {font-size: 15px; font-weight: 500; margin:0 0 15px; letter-spacing:-1px; line-height:150%;  }

#pop_login .in .tit .mint {color: #1f9f9d;}

.poplogin_btn {cursor: pointer;}

#plogin_fs {vertical-align: middle;width:100%;margin:0 auto;padding: 0 25px;}

#login_fs{padding:0 50px}

#pop_mb_login #lpogin_fs .frm_input{margin:0 0 10px;}

#pop_mb_login .frm_input{height: 35px;width: 100%;padding-left: 10px;margin-top:5px;}

#pop_mb_login #plogin_fs .btn_submit {height: 40px;width: 100%;padding: 0;margin: 0;text-align: center;background-color: #333;color:#fff;border-radius:5px;font-size: 13px;margin-top:20px;border:none;}

#pop_mb_login #plogin_info{background:#f6f6f6;padding:15px 5px;border-top:1px solid #e8e8e8;background-color:#2b3751;margin: 10px 25px 20px;}

#pop_mb_login #plogin_info:after {display:block;visibility:hidden;clear:both;content:""}

#pop_mb_login #plogin_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#pop_mb_login #plogin_info .btn_wrap a{display:inline-block;width: -webkit-fill-available;float:left;text-align:center;padding: 0 5px;color:#fff;font-size: 12px;transition:.5s;letter-spacing:-1px;}

#pop_mb_login #plogin_info .btn_wrap a:first-child {text-align: right;}

#pop_mb_login #plogin_info a:hover{color:#ddd;  }

#plogin_password_lost{border-right:1px solid #ddd}

.closeWrap{height:45px; padding:0 10px; color:#949393; background-color:#222; line-height:45px; width:100%; font-size:16px;   border-bottom-right-radius:35px;  border-bottom-left-radius:35px;}



.tt-scrolling-text-inner img {width:40%; padding: 5px 10px; border-radius: 10px;}

.blueline::after { bottom: -1px; height: 3px;}

.orangeline::after { bottom: -1px; height: 3px;}



}

@media all and (max-width:520px){ 

	.txt98,

	.txt88,

	.txt84{font-size:36px;}

	.txt78,

	.txt74,

	.txt72{font-size:35px;}

	.txt68,

	.txt66{font-size:32px;}

	.txt62,

	.txt60{font-size:30px;}

	.txt58,

	.txt56,

	.txt54{font-size:30px;}

	.txt53,

	.txt52,

	.txt50{font-size:28px;}

	.txt48,

	.txt46{font-size:24px;}

	.txt45,

	.txt44{font-size:24px;}

	.txt42,

	.txt40{font-size:24px;}

	.txt38,

	.txt36,

	.txt34{font-size:20px;}

	.txt32{font-size:22px;}

	.txt30,

	.txt28{font-size:18px; line-height: 1.2;}

	.txt26{font-size:17px;}

	.txt24,

	.txt22,

	.txt21{font-size:16px;}

	.txt20,

	.txt19{font-size:15px;}

	.txt18,

	.txt17,

	.txt16{font-size:14px;}

	.txt15{font-size:13px;}

	.txt14{font-size:12px;}

	.txt12{font-size:10px;}



	.inline_520 {display: inline;}

	.no_520 {display: none;}

	.block_520 {display: block;}

	.in820_b520 {display: block;}



    .pt160{padding-top:80px !important}

    .pb160{padding-bottom:80px !important}

}



#wrap{width: 100%; min-width:320px; font: 16px/1 'Pretendard', sans-serif; font-weight: 400; letter-spacing: 0; color: #222;}

.tit_ani_wrap { position:relative; margin-bottom:70px;}

.tit_ani_wrap .txt_ani_box { overflow:hidden; display:block; }

.tit_ani_wrap .txt_ani_box:nth-child(2) .txt-ani { transition-delay:.2s; }

.tit_ani_wrap .txt_ani_box:nth-child(3) .txt-ani { transition-delay:.4s; }

.tit_ani_wrap .txt_ani_box:nth-child(4) .txt-ani { transition-delay:.6s; }

.tit_ani_wrap .txt_ani { display:block; transition-duration:.5s; transition-property:transform; transform:translateY(100%); word-break:keep-all; }

.tit_ani_wrap.on .txt_ani { transform:translateY(0); }

.tit_ani_wrap h3 {text-transform:uppercase; word-break:keep-all; }

.tit_ani_wrap .txt  {text-transform:uppercase; letter-spacing:5px; font-weight:700; opacity:.3; word-break:keep-all; }



@keyframes fadeInUp {

    0% {

        transform:translateY(20px);

        opacity:0;

    }

    100% {

        transform:translateY(0);

        opacity:1;

    }

}



@keyframes rotate_circle{

	100% {transform: rotate(360deg); }

}







.slider_nav {display: flex; justify-content:space-between;align-items:center; margin-top: 0; width:85%;}

.slider_nav .slider_progress {position: relative; width: calc(100% - 165px); height: 4px;background-color: #efefef;margin: 0;}

.slider_nav .slider_progress .swiper-pagination-progressbar-fill { background: #222; }

.slider_nav .slider_arrow {width: 165px; text-align: right;}

.slider_nav .slider_arrow button {width: 44px; height: 13px; margin: 0 5px; background-color: transparent; border: none; padding: 0; text-indent: -9999px;}

.slider_nav .slider_arrow .prev_btn {background-image: url('/assets/images/main/slider_prev.png');}

.slider_nav .slider_arrow .next_btn {background-image: url('/assets/images/main/slider_next.png');}







.slick_nav {width: 240px; display: flex; flex-wrap:wrap;justify-content:space-between; position: absolute; bottom: 145px; left: 50%; transform:translate(-690px,0);  }

/* 슬라이드 arrow */

.slick_arrow {position: absolute; top: 3px; left: 0;}

.slick_arrow .prev_btn,

.slick_arrow .next_btn {width: 20px; height: 7px; background-color: transparent; padding: 0; border: none; background-repeat: no-repeat; background-image: url('/assets/images/main/sm_arr_prev.png'); text-indent: -9999px; position: absolute; top: 0; left: 10px; }

.slick_arrow .next_btn {background-image: url('/assets/images/main/sm_arr_next.png'); left: 105px;}



/* 슬라이드 play */

.slider_play_btn { /* position: absolute; bottom: 140px; left: 50%; transform:translateX(-510px); */ padding-right: 5px;	}

.slider_play_btn button {width: 8px; height: 12px; background-color: transparent; background-repeat: no-repeat; background-size:cover; border: none; padding: 0; margin: 0 8px; text-indent: -9999px;}

.slider_play_btn .slider_pause {background-image: url('/assets/images/main/visual_pause_grey.png');}

.slider_play_btn .slider_play {background-image: url('/assets/images/main/visual_play_grey.png');}



/* 슬라이드 counter */

.slick_counter {/* position: absolute; bottom: 135px; left: 50%; transform:translateX(-655px);  */font-family: 'Eulyoo';  font-size: 15px;  color: #cdcdcd; padding: 0 50px;}

.slick_counter span {padding: 0 3px; font-weight: 600;}

.slick_counter .current {color: #000;}

/* 슬라이드 progress */

.slider_progress{ /* position: absolute; left: 50%; bottom: 110px; transform:translateX(-700px); */width: 100%; height: 2px; background-color: #cdcdcd; position: relative; width: 100%; margin-top: 25px;}

.slider_progress span{ position: absolute; left: 0; bottom: 0; display: block; width: 0px; height: 100%; background-color: #000; transition: all 0s linear; }

.slider_progress span.active { width: 100%; }







/* 레이아웃 크기 지정 */

#hd, #wrapper, #ft {min-width:1200px}



#hd_pop,

#hd_wrapper,

#tnb .inner,



#gnb .gnb_wrap,

#container_wr,

#ft_wr {width:1200px}



/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}

#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}

.hd_pops img {max-width:100%}

.hd_pops_con {}

.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}

.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}

.hd_pops_footer button {padding:10px;border:0;color:#fff}

.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}

.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}



/* 상단 레이아웃 */

#hd {background:#212020}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}



#tnb {border-bottom:1px solid #383838;margin:0 auto}

#tnb:after {display:block;visibility:hidden;clear:both;content:""}

#tnb .inner {margin:0 auto}



#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}

#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}



/* #logo {float:left;padding:30px 0 0} */



.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}

#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_sch {border-radius:30px;overflow:hidden}

#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}

#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}



#hd_define {float:left}

#hd_define:after {display:block;visibility:hidden;clear:both;content:""}

#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}

#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}

#hd_define li a {display:inline-block;color:#919191}

#hd_define li.active a {color:#fff}



#hd_qnb {float:right;text-align:right}

#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}

#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}

#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}

#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}

#hd_qnb li a {display:inline-block;color:#919191}

#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}





.hd_login {position:absolute;right:0;top:60px}

.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}

.hd_login li:first-child {border-left:0}

.hd_login a {color:#fff}







.pc { display:block !important;}	

.m { display:none !important;}

.mobile { display:none;}



#progresscir.stiky {opacity: 1;}

#progresscir { opacity: 0; transition:.25s; position: fixed; bottom: 15%; left: 3.5%; margin-left: 0;  z-index: 3;}

#progresscir .circle {width: 140px; height: 140px; background: url('/assets/images/common/progress_cir.png') 0 0 no-repeat; animation: progress_Rotate 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scroll) * -1s);animation-iteration-count: 1; animation-fill-mode: both;}

#progresscir .percent_txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  display: flex; align-items:center; justify-content:center; font-family: 'Cormorant Garamond'; font-size: 22px; font-weight: 600; color: #d0d0d0; transform:translateY(-5px);}

#progresscir .percent_txt p {display: flex; align-items:flex-end;}

#progresscir .percent_txt span {font-size: 32px; transform:translateY(5px);     font-variant: lining-nums;}





/* header */

.header{position:fixed;top:0;left:0;z-index:100;width:100%;height:90px;background:#fff;transform:translateY(0);transition:height .4s ease,transform .4s ease,box-shadow .3s ease}

.header.on{height:142px}

.header.hide{transform:translateY(-100%)}

.header.scrolled{box-shadow:0 4px 16px rgba(0,0,0,.06)}

.header::after{content:'';position:absolute;top:90px;left:0;width:100%;height:1px;background:#e8e8e8;opacity:0;transition:opacity .3s}

.header.on::after{opacity:1}

.header_inner{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 20px;height:90px}

.w1720{max-width:1720px}

.logo{display:flex;align-items:center;flex-shrink:0;height:90px}

.logo img{display:block;max-height:46px}

.gnb{position:relative;z-index:2}

.gnb_list{display:flex;align-items:center}

.gnb_item{position:relative;height:90px}

.gnb_link{position:relative;display:flex;align-items:center;justify-content:center;height:90px;padding:0 40px;background:linear-gradient(to bottom,#385eab 50%,#222 50%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;letter-spacing:-.03em;white-space:nowrap;transition:background-position .4s ease}

.gnb_item:hover .gnb_link,.gnb_item.active .gnb_link{background-position:0 0}

.gnb_link::after{content:'';position:absolute;left:16px;right:16px;bottom:0;height:2px;background:#385eab;transform:scaleY(0);transform-origin:top;transition:transform .4s ease}

.gnb_item:hover .gnb_link::after,.gnb_item.active .gnb_link::after{transform:scaleY(1)}

.gnb_sub{position:absolute;top:90px;left:50%;z-index:1;transform:translateX(-50%);height:52px;padding:0 10px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}

.gnb_item:first-child .gnb_sub{left:0;transform:none}

.gnb_item:last-child .gnb_sub{left:auto;right:0;transform:none}

.header.on .gnb_item:hover .gnb_sub{opacity:1;visibility:visible}

.gnb_sub_list{display:flex;align-items:center;gap:34px;height:100%}

.gnb_sub_link{display:block;color:#888;letter-spacing:-.03em;white-space:nowrap;transition:color .3s}

.gnb_sub_link:hover,.gnb_sub_link.active{color:#45b89f;font-weight:600}

.header_util{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:16px;height:90px}

.util_link{display:flex;align-items:center;justify-content:center;width:36px;height:36px}

.util_link img{display:block;width:22px}

.btn_menu{display:none;flex-direction:column;justify-content:center;gap:6px;width:30px;height:30px;background:none;border:0;cursor:pointer}

.btn_menu span{display:block;width:100%;height:2px;background:#385eab;transition:transform .3s,opacity .3s}

.btn_menu.on span:nth-child(1){transform:translateY(8px) rotate(45deg)}

.btn_menu.on span:nth-child(2){opacity:0}

.btn_menu.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.menu_dim{position:fixed;top:0;left:0;z-index:98;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s}

.menu_dim.on{opacity:1;visibility:visible}

.header_blank{height:100px}



@media (max-width:1740px){

	.gnb_link{padding:0 11px}

	.gnb_link::after{left:11px;right:11px}

	.gnb_sub_list{gap:28px}

}

@media (max-width:1400px){

	.header{height:80px}

	.header.on{height:128px}

	.header::after{top:80px}

	.header_inner,.logo,.gnb_item,.header_util{height:80px}

	.gnb_link{height:80px;padding:0 9px;font-size:16px}

	.gnb_link::after{left:9px;right:9px;bottom:18px}

	.gnb_sub{top:80px;height:48px}

	.gnb_sub_link{font-size:15px}

	.header_blank{height:80px}

}

@media (max-width:1200px){

	.header{height:70px}

	.header.on{height:70px}

	.header::after{display:none}

	.header_inner,.logo,.header_util{height:70px}

	.logo img{max-height:38px}

	.btn_menu{display:flex}

	.gnb{position:fixed;top:70px;right:-320px;z-index:99;width:320px;max-width:85%;height:calc(100vh - 70px);background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:right .4s ease}

	.gnb.open{right:0}

	.gnb_list{display:block}

	.gnb_item{height:auto}

	.gnb_link{height:56px;justify-content:flex-start;padding:0 22px;border-bottom:1px solid #eee;background:none;-webkit-text-fill-color:#222;color:#222;font-size:16px}

	.gnb_item.active .gnb_link{-webkit-text-fill-color:#385eab;color:#385eab}

	.gnb_link::after{display:none}

	.gnb_sub,.gnb_item:first-child .gnb_sub,.gnb_item:last-child .gnb_sub{position:static;display:none;height:auto;padding:12px 22px;background:#f5f7fb;transform:none;opacity:1;visibility:visible}

	.gnb_item.active .gnb_sub{display:block}

	.gnb_sub_list{display:block;gap:0}

	.gnb_sub_link{padding:9px 0;font-size:15px}

	.header_blank{height:70px}

}



/* 중간 레이아웃 */

#wrapper {}

#container_wr:after {display:block;visibility:hidden;clear:both;content:""}

#container_wr {margin:0 auto;zoom:1}

#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}



#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}

#container:after {display:block;visibility:hidden;clear:both;content:""}

#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}

#container_title span {margin:0 auto 10px;display:block;line-height:30px}



.lt_wr {width:32%}

.lt_wr:nth-child(3n+1) {clear:both}

.latest_wr {margin-bottom:20px}

.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

.latest_top_wr {margin:0 -10px 20px}

.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}



/* 하단 레이아웃 */

/* location section */

.lo{position:relative;padding:140px 0 130px;background:#fff;overflow:hidden}

.lo_inner{display:flex;align-items:stretch;justify-content:space-between;gap:80px;margin:0 auto;padding:0 40px}

.lo_left{flex:0 0 38%;opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.25,.6,.3,1)}

.lo.on .lo_left{opacity:1;transform:translateY(0)}

.lo_eng{display:block;margin-bottom:20px;color:#45b89f;letter-spacing:.14em}

.lo_title{color:#16294a;line-height:1.38;letter-spacing:-.04em}

.lo_desc{margin-top:24px;color:#6b7a90;line-height:1.7;letter-spacing:-.03em}

.lo_hours{margin-top:56px;padding:34px 0;border-top:1px solid #e2e8f2;border-bottom:1px solid #e2e8f2}

.lo_row{display:flex;align-items:center}

.lo_row + .lo_row{margin-top:18px}

.lo_row dt{flex:0 0 150px;color:#16294a;letter-spacing:-.03em}

.lo_row dd{color:#5c7291;letter-spacing:-.03em}

.lo_off{color:#e5556c;font-style:normal;font-weight:600}

.lo_note{margin-top:32px}

.lo_note li{position:relative;display:flex;gap:16px;color:#6b7a90;line-height:1.65;letter-spacing:-.03em}

.lo_note li + li{margin-top:14px}

.lo_note em{flex:0 0 54px;color:#385eab;font-style:normal}

.lo_right{display:flex;flex-direction:column;flex:1;opacity:0;transform:translateY(40px);transition:opacity .9s ease .2s,transform .9s cubic-bezier(.25,.6,.3,1) .2s}

.lo.on .lo_right{opacity:1;transform:translateY(0)}

.lo_name{color:#16294a;letter-spacing:-.04em}

.lo_addr{margin-top:14px;color:#6b7a90;letter-spacing:-.03em}

.lo_tel{display:inline-block;align-self:flex-start;margin-top:16px;color:#385eab;letter-spacing:-.02em}

.lo_map{flex:1;min-height:380px;margin-top:30px;background:#eef4fb;border:1px solid #dde5f0;border-radius:16px;overflow:hidden}

.lo_links{display:flex;align-items:center;flex-shrink:0;margin-top:24px;border:1px solid #e2e8f2;border-radius:14px;overflow:hidden}

.lo_link{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;padding:20px 10px;color:#3c536f;letter-spacing:-.03em;transition:background .3s ease,color .3s ease}

.lo_link + .lo_link{border-left:1px solid #e2e8f2}

.lo_link:hover{background:#f5f9fd;color:#385eab}

.lo_ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}

.lo_ico svg{width:24px;height:24px}.lo_ico.n{background:#03c75a}

.lo_ico.k{background:#fee500}

.lo_ico.t{background:#0d3a8b}

.lo_map{position:relative;flex:1;overflow:hidden;min-height:380px;margin-top:30px;background:#eef4fb;border:1px solid #dde5f0;border-radius:16px}

.lo_map .root_daum_roughmap{width:100%!important;height:100%!important;margin:0!important}

.lo_map .root_daum_roughmap .wrap_map{height:100%!important}

.lo_map .root_daum_roughmap .map_border{display:none!important}

.lo_map .root_daum_roughmap .wrap_controllers{display:none!important}

@media (max-width:1400px){

	.lo{padding:120px 0 110px}

	.lo_inner{gap:50px;padding:0 30px}

	.lo_title{font-size:36px}

	.lo_desc{font-size:18px}

	.lo_hours{margin-top:44px;padding:28px 0}

	.lo_row dt{flex:0 0 130px;font-size:18px}

	.lo_row dd{font-size:18px}

	.lo_note li{font-size:17px}

	.lo_name{font-size:26px}

	.lo_addr{font-size:18px}

	.lo_tel{font-size:30px}

	.lo_map{min-height:340px}

	.lo_link{padding:17px 8px;font-size:17px}

}

@media (max-width:1024px){

	.lo{padding:90px 0 80px}

	.lo_inner{flex-direction:column;gap:44px;padding:0 24px}

	.lo_left,.lo_right{flex:none;width:100%}

	.lo_eng{margin-bottom:16px;font-size:18px}

	.lo_title{font-size:30px}

	.lo_desc{margin-top:18px}

	.lo_hours{margin-top:34px;padding:24px 0}

	.lo_note{margin-top:24px}

	.lo_map{flex:none;min-height:0;height:320px}

}

@media (max-width:680px){

	.lo{padding:70px 0 60px}

	.lo_inner{padding:0 18px}

	.lo_title{font-size:24px}

	.lo_desc{font-size:16px}

	.lo_row + .lo_row{margin-top:14px}

	.lo_row dt{flex:0 0 108px;font-size:17px}

	.lo_row dd{font-size:17px}

	.lo_note li{gap:10px;font-size:16px}

	.lo_note em{flex:0 0 44px;font-size:16px}

	.lo_name{font-size:22px}

	.lo_addr{font-size:17px}

	.lo_tel{font-size:26px}

	.lo_map{height:260px;border-radius:12px}

	.lo_links{flex-direction:column;border-radius:12px}

	.lo_link{width:100%;padding:15px 10px;font-size:16px}

	.lo_link + .lo_link{border-top:1px solid #e2e8f2;border-left:0}

}





/* cta section */

.cta{position:relative;padding:0 40px 50px 40px;background:#fff;overflow:hidden}

.cta_frame{position:relative;overflow:hidden;border-radius:60px;clip-path:inset(0 50% 0 50%);transition:clip-path 1.3s cubic-bezier(.65,0,.25,1)}

.cta.expand .cta_frame{clip-path:inset(0 0 0 0)}

.cta_bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:url('/assets/images/common/ft_img-v2.webp') center/cover no-repeat fixed}

.cta_dim{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(120deg,rgba(22,41,74,.88) 0%,rgba(56,94,171,.78) 60%,rgba(69,184,159,.62) 100%)}

.cta_blob{position:absolute;z-index:2;border-radius:50%;background:rgba(255,255,255,.07);opacity:0;transition:opacity 1s ease .6s}

.cta.expand .cta_blob{opacity:1}

.cta_blob.b1{top:-140px;left:6%;width:340px;height:340px;animation:ctaBlob1 14s ease-in-out infinite}

.cta_blob.b2{right:4%;bottom:-160px;width:420px;height:420px;background:rgba(69,184,159,.16);animation:ctaBlob2 17s ease-in-out infinite}

.cta_inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:80px 40px;text-align:center}

.cta_eng{display:block;color:rgba(255,255,255,.82);letter-spacing:-.03em;opacity:0;transform:translateY(24px);transition:opacity .8s ease .55s,transform .8s cubic-bezier(.25,.6,.3,1) .55s}

.cta.expand .cta_eng{opacity:1;transform:translateY(0)}

.cta_title{margin-top:20px;color:#fff;line-height:1.34;letter-spacing:-.04em;opacity:0;transform:translateY(30px);transition:opacity .9s ease .7s,transform .9s cubic-bezier(.25,.6,.3,1) .7s}

.cta.expand .cta_title{opacity:1;transform:translateY(0)}

.cta_btns{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:44px;opacity:0;transform:translateY(30px);transition:opacity .9s ease .85s,transform .9s cubic-bezier(.25,.6,.3,1) .85s}

.cta.expand .cta_btns{opacity:1;transform:translateY(0)}

.cta_btn{display:inline-flex;align-items:center;gap:12px;padding:19px 36px;border-radius:100px;letter-spacing:-.03em;transition:background .35s ease,color .35s ease,transform .35s ease,border-color .35s ease}

.cta_btn i{display:flex;align-items:center;justify-content:center;width:22px;height:22px}

.cta_btn svg{width:22px;height:22px}

.cta_btn:hover{transform:translateY(-4px)}

.cta_btn.tel{background:none;border:1px solid rgba(255,255,255,.55);color:#fff}

.cta_btn.tel:hover{background:rgba(255,255,255,.16);border-color:#fff}

.cta_btn.naver{background:#fff;border:1px solid #fff;color:#16294a}

.cta_btn.naver:hover{background:#eaf1fb}



@keyframes ctaBlob1{

	0%,100%{transform:translate(0,0)}

	50%{transform:translate(40px,30px)}

}

@keyframes ctaBlob2{

	0%,100%{transform:translate(0,0)}

	50%{transform:translate(-50px,-30px)}

}



@media (max-width:1400px){

	.cta{padding:0 30px 40px 30px}

	.cta_frame{border-radius:44px}

	.cta_inner{padding:70px 30px}

	.cta_eng{font-size:18px}

	.cta_title{font-size:38px}

	.cta_btns{margin-top:36px}

	.cta_btn{padding:17px 30px;font-size:17px}

	.cta_blob.b1{width:280px;height:280px}

	.cta_blob.b2{width:340px;height:340px}

}

@media (max-width:1024px){

	.cta{padding:0 24px 34px 24px}

	.cta_frame{border-radius:32px}

	.cta_bg{background-attachment:scroll}

	.cta_inner{padding:60px 24px}

	.cta_title{margin-top:16px;font-size:30px}

	.cta_btns{margin-top:30px}

}

@media (max-width:680px){

	.cta{padding:0 18px 26px 18px}

	.cta_frame{border-radius:24px}

	.cta_inner{padding:50px 18px}

	.cta_eng{font-size:16px}

	.cta_title{font-size:23px}

	.cta_btns{flex-direction:column;gap:12px;margin-top:26px;width:100%}

	.cta_btn{justify-content:center;width:100%;padding:15px 24px;font-size:16px}

	.cta_blob.b1{width:200px;height:200px}

	.cta_blob.b2{width:240px;height:240px}

}



/* footer */

.ft{position:relative;overflow:hidden;padding:70px 0;background:#16294a}

.ft_inner{display:flex;align-items:flex-start;gap:70px;margin:0 auto;padding:0 40px;box-sizing:border-box}

.ft_logo{flex-shrink:0;padding-top:4px}

.ft_logo img{display:block;max-width:150px}

.ft_info{flex:1 1 auto;min-width:0;max-width:100%}

.ft_menu{display:flex;align-items:center;flex-wrap:wrap;gap:26px}

.ft_menu a{color:rgba(255,255,255,.75);letter-spacing:-.03em;transition:color .3s ease}

.ft_menu a:first-child{color:#fff}

.ft_menu a:hover{color:#fff}

.ft_data{margin-top:30px;min-width:0;max-width:100%}

.ft_data li{display:flex;align-items:center;flex-wrap:wrap;gap:14px;min-width:0;max-width:100%;color:rgba(255,255,255,.68);letter-spacing:-.03em}

.ft_data li + li{margin-top:12px}

.ft_data i{display:block;width:1px;height:12px;background:rgba(255,255,255,.25)}

.ft_copy{margin-top:26px;min-width:0;max-width:100%;color:rgba(255,255,255,.62);letter-spacing:-.02em}

.ft_sns{display:flex;align-items:center;flex-shrink:0;gap:12px;padding-top:2px}

.ft_sns_btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:rgba(255,255,255,.1);border-radius:50%;color:#fff;transition:background .35s ease,transform .35s ease}

.ft_sns_btn svg{width:24px;height:24px}

.ft_sns_btn:hover{background:#385eab;transform:translateY(-4px)}

.ft_quick{position:fixed;right:30px;bottom:40px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:14px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s ease,visibility .4s ease,transform .45s cubic-bezier(.25,.6,.3,1)}

.ft_quick.show{opacity:1;visibility:visible;transform:translateY(0)}

.ft_quick_panel{overflow:hidden;width:158px;max-height:0;background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(22,41,74,.18);opacity:0;transform:translateY(16px);transition:max-height .5s cubic-bezier(.65,0,.25,1),opacity .4s ease,transform .45s cubic-bezier(.25,.6,.3,1)}

.ft_quick.open .ft_quick_panel{max-height:340px;opacity:1;transform:translateY(0)}

.ft_quick_item{display:flex;align-items:center;gap:12px;padding:17px 20px;color:#16294a;letter-spacing:-.03em;transition:background .3s ease,color .3s ease}

.ft_quick_item + .ft_quick_item{border-top:1px solid #eef2f8}

.ft_quick_item i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#385eab}

.ft_quick_item svg{width:24px;height:24px}

.ft_quick_item:hover{background:#f4f8fd;color:#385eab}

.ft_quick_btns{display:flex;flex-direction:column;align-items:center;gap:12px}

.ft_quick_btn{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#385eab;border:0;border-radius:50%;color:#fff;letter-spacing:.02em;box-shadow:0 10px 24px rgba(56,94,171,.35);cursor:pointer;transition:background .35s ease,transform .35s ease}

.ft_quick_btn:hover{background:#2c4d90;transform:translateY(-4px)}

.ft_quick_label{transition:opacity .3s ease,transform .3s ease}

.ft_quick.open .ft_quick_label{opacity:0;transform:scale(.6)}

.ft_quick_close{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-12px 0 0 -12px;opacity:0;transform:scale(.6) rotate(-90deg);transition:opacity .3s ease,transform .35s ease}

.ft_quick_close svg{width:24px;height:24px}

.ft_quick.open .ft_quick_close{opacity:1;transform:scale(1) rotate(0)}

.ft_top_btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fff;border:1px solid #dde5f0;border-radius:50%;color:#385eab;box-shadow:0 8px 20px rgba(22,41,74,.12);cursor:pointer;transition:background .35s ease,color .35s ease,transform .35s ease}

.ft_top_btn svg{width:22px;height:22px}

.ft_top_btn:hover{background:#385eab;color:#fff;transform:translateY(-4px)}



@media (max-width:1400px){

	.ft{padding:60px 0}

	.ft_inner{gap:44px;padding:0 30px}

	.ft_logo img{max-width:130px}

	.ft_menu{gap:20px}

	.ft_menu a{font-size:17px}

	.ft_data li{font-size:16px}

	.ft_copy{font-size:16px}

	.ft_sns_btn{width:46px;height:46px}

	.ft_sns_btn svg{width:22px;height:22px}

	.ft_quick{right:24px;bottom:30px}

	.ft_quick_panel{width:148px;border-radius:18px}

	.ft_quick_item{padding:15px 18px;font-size:15px}

	.ft_quick_btn{width:62px;height:62px;font-size:14px}

	.ft_top_btn{width:48px;height:48px}

}

@media (max-width:1024px){

	.ft{padding:50px 0}

	.ft_inner{flex-direction:column;gap:30px;width:100%;padding:0 24px;box-sizing:border-box}

	.ft_logo{padding-top:0}

	.ft_info{flex:none;width:100%;min-width:0;max-width:100%;box-sizing:border-box}

	.ft_menu{gap:16px}

	.ft_data{margin-top:24px}

	.ft_data li{display:block;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}

	.ft_data i{display:inline-block;width:1px;height:10px;margin:0 8px;vertical-align:-1px}

	.ft_copy{margin-top:20px;word-break:normal;overflow-wrap:break-word}

	.ft_quick{right:18px;bottom:20px;gap:10px}

	.ft_quick_panel{width:138px}

	.ft_quick_item{gap:10px;padding:13px 16px;font-size:14px}

	.ft_quick_item i,.ft_quick_item svg{width:21px;height:21px}

	.ft_quick_btns{gap:10px}

	.ft_quick_btn{width:56px;height:56px;font-size:13px}

	.ft_top_btn{width:44px;height:44px}

}

@media (max-width:680px){

	.ft{padding:44px 0 40px}

	.ft_inner{gap:24px;padding:0 18px}

	.ft_logo img{max-width:110px}

	.ft_menu{gap:12px 18px}

	.ft_menu a{font-size:16px}

	.ft_data li{font-size:15px;line-height:1.7}

	.ft_data li + li{margin-top:9px}

	.ft_copy{font-size:13px;line-height:1.65}

	.ft_sns{gap:9px}

	.ft_sns_btn{width:42px;height:42px}

	.ft_sns_btn svg{width:20px;height:20px}

	.ft_quick{right:14px;bottom:14px;gap:8px}

	.ft_quick_panel{width:130px;border-radius:16px}

	.ft_quick_item{padding:12px 14px;font-size:13px}

	.ft_quick_btn{width:52px;height:52px;font-size:12px}

	.ft_top_btn{width:40px;height:40px}

	.ft_top_btn svg{width:19px;height:19px}

}



/* ===== 1200px 고정폭 해제 ===== */

html,body{min-width:0!important;max-width:100%!important;overflow-x:hidden}

#wrap,#wrapper,#container,#container_wr,#hd,#ft{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box}

.ft,.ft_inner,.ft_info{min-width:0!important;max-width:100%!important;box-sizing:border-box}

.ft_inner{width:100%!important}



@media (max-width:1024px){

	.ft_inner{flex-direction:column!important;gap:30px!important;padding:0 24px!important}

	.ft_info{flex:none!important;width:100%!important}

	.ft_data li{display:block!important;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}

	.ft_data i{display:inline-block!important;width:1px;height:10px;margin:0 8px;vertical-align:-1px}

	.ft_copy{word-break:normal;overflow-wrap:break-word}

}

/* 게시물 선택복사 선택이동 */

#copymove {}

#copymove .win_desc {text-align:center;display:block}

#copymove .tbl_wrap {margin:20px}

#copymove .win_btn {padding:0 20px 20px}

.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}

.copymove_currentbg {background:#f4f4f4}



/* 화면낭독기 사용자용 */

#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



/* 본문 바로가기 */

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}



/* ie6 이미지 너비 지정 */

.img_fix {width:100%;height:auto}



/* 캡챠 자동등록(입력)방지 기본 -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}

#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}

#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}

#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}

#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}

#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}



/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}

#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}

#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}

#captcha.m_captcha #captcha_reload span {display:none}

#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}

#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



/* ckeditor 단축키 */

.cke_sc {margin:0 0 5px;text-align:right}

.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}

.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}

.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}

.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}

.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}

.cke_sc_def dt {width:20%;font-weight:bold}

.cke_sc_def dd {width:30%}





/* 새창 기본 스타일 */

.new_win {position:relative}

.new_win .tbl_wrap {margin:0 20px}

.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);

-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);

box-shadow:0 1px 10px rgba(0,0,0,.1)}

.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}

.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}

.new_win .win_ul li:first-child {margin-left:0}

.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}

.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}

.new_win .win_ul .selected a {color:#fff;font-weight:bold}

.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}

.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}

.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}

.new_win .frm_info {font-size:0.92em;color:#919191}

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}

.new_win .new_win_con {margin:20px 0;padding:20px}

.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .new_win_con2 {margin:20px 0}

.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_btn {text-align:center}

.new_win .cert_btn {margin-bottom:30px;text-align:center}

.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}

.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}



/* 검색결과 색상 */

.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}



/* 자바스크립트 alert 대안 */

#validation_check {margin:100px auto;width:500px}

#validation_check h1 {margin-bottom:20px;font-size:1.3em}

#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}



/* 사이드뷰 */

.sv_wrap {position:relative;font-weight:normal}

.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;

-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);

-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);

box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}

.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}

.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}

.sv_wrap .sv a:hover {background:#000;color:#fff}

.sv_member {color:#333}

.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}

.sv_nojs .sv {display:block}



/* 페이징 */

.pg_wrap {clear:both;float:left;display:inline-block;margin: 0 auto;width: -webkit-fill-available;text-align: center;margin-top: 30px;}

.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 

.pg {text-align:center}

.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}

.pg a:focus, .pg a:hover {text-decoration:none}

.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}

.pg_page:hover {background-color:#fafafa}

.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}

.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}

.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}

.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}

.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}



.pg_current {display:inline-block;background:#5baefe;border:1px solid #5baefe;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}





/* cheditor 이슈 */

.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {

-webkit-box-sizing:content-box;

-moz-box-sizing:content-box;

box-sizing:content-box;

}



/* Mobile화면으로 */

#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



.ani_top    { opacity: 0; transform: translateY(30px);  transition: opacity 0.6s ease, transform 0.6s ease; }

.ani_bottom { opacity: 0; transform: translateY(-30px); transition: opacity 0.6s ease, transform 0.6s ease; }

.ani_left   { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease, transform 0.6s ease; }

.ani_right  { opacity: 0; transform: translateX(30px);  transition: opacity 0.6s ease, transform 0.6s ease; }

.ani_fade   { opacity: 0;                               transition: opacity 0.6s ease; }

.ani_down   { opacity: 0; transform: translateY(-20px); transition: opacity 0.6s ease, transform 0.6s ease; }



.ani_top.on    { opacity: 1; transform: translateY(0); }

.ani_bottom.on { opacity: 1; transform: translateY(0); }

.ani_left.on   { opacity: 1; transform: translateX(0); }

.ani_right.on  { opacity: 1; transform: translateX(0); }

.ani_fade.on   { opacity: 1; }

.ani_down.on   { opacity: 1; transform: translateY(0); }





@media all and (max-width:1430px){ 

	img,

	.slick-slide img {max-width:100%;}

	.slick_nav {left: 15px; transform:translate(0,0)} 

	.company_info_bot .info_txt_box {width: 100%; padding: 0 30px;}



}



 @media all and (min-width:821px){

	.all_menu_wrap .dep2_wrap {display: flex !important; margin: 0!important; padding: 0!important; height: auto !important;}



}

@media all and (max-width:820px){ 

	

	.m { display:block !important;}	

	.pc { display:none !important;}



}

@media all and (max-width:520px){

    .tit_ani_wrap .txt_ani_box { padding: 0 10px;}

	#progresscir .circle {width: 60px; height: 60px; }

	#progresscir .percent_txt {font-size: 12px;}

	#progresscir .percent_txt span {font-size: 24px;}



	.cir_rotate {width: 120px;}

	

	#hd_pop { width: -webkit-fill-available !important;  margin: 0 10px;} 

	.hd_pops_con {     width: -webkit-fill-available !important;  height:-webkit-fill-available !important;}

	.hd_pops { left:0 !important;}



}