/* 웹폰트 CSS */

* {margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;/*-webkit-overflow-scrolling:touch*/ }
::selection {background: var(--point-color);}
:root {
--container:1400px;
--fancy-container:100rem;
--num-font: 'Montserrat', sans-serif;
--eng-title: 'Poppins', sans-serif;
--title-font: 'Inter';
--sub-title-font: 'Inter';
--base-font:'Inter';
--default-font:'Pretendard';
--icon-font:'xeicon'; 
--spacing-narrow-0:-0.08em;
--spacing-narrow-1:-0.8em;
--spacing-narrow:-0.125em;
--spacing-narrow2:-0.08em;
--margin-s:0.3333rem;
--margin-1:1rem;
--margin-2:2rem;
--margin:3rem;
--secgap:2rem;
--boxpd :1.5rem;
--inpd:1.25rem;
--padding-1:1rem;
--padding-2:2rem;
--spacing-0:0;
--spacing-1:1px;
--lineH1 : 1.0;
--lineH-w : 1.6em;
--font-weight-2: 200;
--font-weight-3: 300;
--font-weight-4: 400;
--font-weight-5: 500;
--font-weight-6: 600;
--font-weight-7: 700;
--font-weight-8: 800;
--font-weight-9: 900;
--text-2xs: 0.5rem;
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 2rem;
--text-4xl: 2.5rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
--line-color-1:#eee;
--line-color-3:#333;
--color-0:#000;
--color-1:#111;
--color-3:#333;
--color-5:#555;
--color-6:#666;
--color-9:#999;
--color-f5:#f5f5f5;
--color-w:#fff;
--pcolor-blue:#25d3ff;
--point-color:#ff001a;
--base-color1:#131419;
--base-color2:#404445;
--point-color-1:#ff9270;
--point-color-2:#006fb9;
--point-color-3:#32a153;
--bg-color-f7:#f7f7f7;
--event-bg-color:#f5eee6;
}


@media all and (min-width:1200px) {
	:root {
		--margin-1:1.5rem;
		--margin-2:3.5rem;
		--margin:4rem;
		--padding-1:2rem;
		--padding-2:2.5rem;
		--boxpd :2.5rem;
		--secgap:3rem;

	}
}


@media all and (min-width:1400px) {
	:root {
		--boxpd :3.5rem;
		--secgap:4rem;

	}
}


[href]:focus{text-decoration:none; outline: 0px dashed #ccc}
[href^='tel']{text-decoration:none !important;cursor:default;}
a[href="tel"] {color:inherit !important; text-decoration:none;}

input,select {-webkit-appearance : none;-moz-appearance:none;appearance:none; outline: none; border:none;appearance: none;-webkit-appearance: none;}
textarea:focus, input:focus{outline: none !important; appearance: none;-webkit-appearance: none;}
input[type="submit"]{-webkit-appearance: none; -webkit-border-radius:0}
/* Webkit */
input::-webkit-input-placeholder {color: #666; }
/* Firefox 4-18 */
input:-moz-placeholder {color: #666;}
/* Firefox 19+ */
input::-moz-placeholder {color: #666;}
/* IE10+ */
input:-ms-input-placeholder {color: #666; }
/* 포커스시 placeholder텍스트 사라지게 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
a:before {line-height:0}
body, html{padding:0; margin:0; font-family: 'Pretendard','Inter','Frutiger','Open Sans'; font-size:16px; letter-spacing:-0.045em;}
/* common reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video
{margin:0;padding:0;border:0;font-size:100%;/*font:inherit;*/vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
strong {font-weight:normal;}
ol,ul{list-style:none}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0}
hr{display:none;clear:both}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0; display:none; letter-spacing:-9999px}
img,fieldset{border:0 none}
label{cursor:pointer}
a{color:#666}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
acronym,abbr{cursor:help}abbr[title]{border-bottom:1px dotted}
ul,ol{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
label,select,input,button{vertical-align:middle}button{border:0;cursor:pointer}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
.block {display:block !important}
.nowrap {white-space: nowrap !important;}

/*  Form and Button  */

form{margin:0;}
fieldset{margin-left:0;margin-right:0;padding:0;}
legend { position: absolute !important;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden; color:#fff}
.blind { position: absolute !important;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}

button,
button[class*='button'],button[type='reset'], /*  */
html input[type='button'], /*  Avoid [Android4.2.2]bug)  */
input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],input[type='date'],input[type='datetime-local'],
input[type='radio'],input[type='checkbox'],
textarea,
[action] textarea,
select,
[action] select{
	display:inline-block;
	box-sizing:border-box; /* [IE8+] */
	max-width:100%;
	/*height:2.3em;   =(36/14)px */
	/*margin-top:.333em;margin-bottom:.333em;
	padding:0;*/
	border-radius:4px; 
	line-height:normal; /* 2.429=((36-2)/14)px */
	vertical-align:middle;
	text-decoration:none !important;
}
input[type='radio']{ /* [SF]fix */
	border-radius:9999px;
}

input[type='number'] {width:auto;}



/* Button */
a[class*='button'],
html input[class*='button'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */
button[class*='button'],
.button{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* [IE8+] */
	max-width:100%;
	border:0px solid transparent;
	border-color:#666; /* ☆#079 */
	background-color:#666; /* ☆#08b */
	color:#fff; /* ☆ */
	font-size:1em;
	line-height:1.3em;
	padding:.348em .486em;
	text-decoration:none;
	text-align:center; /* ☆ */
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}

.button:hover {transition:.2s ease-out;}
/* Button size and shape */
.button.xlarge{height:auto;padding:1.125em 2.25em 1.1875em;font-size:1.286em;line-height:normal;}
.button.large{height:auto;padding:.8em 2em .8625em;font-size:1.143em; font-weight:700; line-height:normal;}
.button.medium{height:auto;padding:.51em 1.75em .5625em;font-size:1em;line-height:normal;}
.button.small{height:auto;padding:.3em .5em .333em;font-size:.929em;line-height:normal;}
.button.tiny{height:auto;padding:.166em .416em .25em;font-size:.857em;line-height:normal;}
.button.block{display:block;width:100%;} /* 1line */
.button.expand{display:block;width:100%;height:auto;padding:1em 1.25em 1.0625em;line-height:normal;white-space:normal;} /* 2~lines */

/* Button color */
/* styling */
.button.radius{
	border-radius:30px;
	display: flex;
    align-items: center;
}
.button.radius:hover {border-color:#333; transition:.2s ease-out;}
/* colors */
.button.base{border-color:#079;background-color:#08b;color:#fff;} /* ■(속찬) button with icon */
.button.default{border-width:4px; border-color:#999;background-color:#fff;color:#666;} /* □(속빈) button with icon */
.button.default:hover {color:#111}
.button.default2{border-width:4px; border-color:#666;background-color:#666;color:#fff;} /* ■(속찬) button with icon */
.button.default2:hover {background-color:#111; border-color:#111;}


.rdbutton {border-radius:20px}

/*버튼그룹*/
.btnW {display:flex; justify-content:center; gap:1rem;  padding:3rem 0 3rem 0}
.btnLR {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0}
.btnLR>div {width:100%}
.btnLR>div.btnL {text-align:left}
.btnLR>div.btnR {text-align:right}
@media screen and (min-width: 768px) {
.btnLR>div.btnL {width:calc(70% - 1em);}
.btnLR>div.btnR {width:calc(30% - 1em);}

}

@media screen and (min-width: 1000px) {
.bbs_search .search__wrap {max-width:400px}
.ready:before {font-size:5rem;}
}

/*애니메이션 버튼*/

/*Button Option 1 Start*/
.btns-option1 .btn-cmn {
 background: transparent;
 --c: goldenrod;
 color: var(--c);
 font-size: 16px;
 border: 2px solid var(--c);
 border-radius: 4px;
 width: auto;
 height: auto;
 text-transform: uppercase;
 font-weight: bold;
 font-family: sans-serif;
 letter-spacing: 0.1em;
 text-align: center;
 line-height: 1.3;
 position: relative;
 overflow: hidden;
 z-index: 1;
 transition: 0.5s;
 padding: 11px 20px 10px 20px;
 display: inline-block;
 cursor: pointer;
}

.btns-option1 .btn-cmn span {
 position: absolute;
 width: 25%;
 height: 100%;
 background-color: var(--c);
 transform: translateY(150%);
 border-radius: 50%;
 left: calc((var(--n) - 1) * 25%);
 transition: 0.5s;
 transition-delay: calc((var(--n) - 1) * 0.1s);
 z-index: -1;
}

.btns-option1 .btn-cmn:hover {
 color: black;
}

.btns-option1 .btn-cmn:hover span {
 transform: translateY(0) scale(2);
}

.btns-option1 .btn-cmn span:nth-child(1) {
 --n: 1;
}

.btns-option1 .btn-cmn span:nth-child(2) {
 --n: 2;
}

.btns-option1 .btn-cmn span:nth-child(3) {
 --n: 3;
}

.btns-option1 .btn-cmn span:nth-child(4) {
 --n: 4;
}

/*Button Option 1 End*/

/*Button Option 2 Start*/
.cta-opt2 {
 position: relative;
 padding: 19px 22px;
 transition: all 0.2s ease;
 cursor: pointer;
 border: none;
 background-color: transparent;
 color: #fff;
 text-decoration: none;
 display: inline-block;
}

.cta-opt2:before {
 content: "";
 position: absolute;
 top: 2px;
 left: 0;
 display: block;
 border-radius: 0;
 background: rgba(11, 139, 217,1);
 width: 100%;
 height: 56px;
 transition: all 0.3s ease;
}

.cta-opt2 span {
 position: relative;
 font-size: 16px;
 line-height: 18px;
 font-weight: 700;
 letter-spacing: 0.25em;
 text-transform: uppercase;
 vertical-align: middle;
}

.cta-opt2 svg {
 position: relative;
 top: 0;
 margin-left: 10px;
 fill: none;
 stroke-linecap: round;
 stroke-linejoin: round;
 stroke: #fff;
 stroke-width: 2;
 transform: translateX(-5px);
 transition: all 0.3s ease;
}

.cta-opt2:hover:before {
 width: 100%;
 background: rgba(44, 44, 44,1);
}

.cta-opt2:hover svg {
 transform: translateX(0);
}

.cta-opt2:active {
 transform: scale(0.96);
}

/*Slide text on hover animation start*/
.slide-text-hover:hover {
 cursor: pointer
}

.slide-text-hover {
 background: transparent;
 outline: none;
 position: relative;
 border: 2px solid #111;
 padding: 15px 50px;
 overflow: hidden;
}

/*.slide-text-hover:before (attr data-hover)*/
.slide-text-hover:hover:before {
 opacity: 1;
 transform: translate(0, 0);
}

.slide-text-hover:before {
 content: attr(data-hover);
 position: absolute;
 top: 1.4em;
 left: 0;
 width: 100%;
 text-transform: uppercase;
 letter-spacing: 3px;
 font-weight: 800;
 font-size: .8em;
 opacity: 0;
 transform: translate(-100%, 0);
 transition: all .3s ease-in-out;
}

/*.slide-text-hover div (.slide-text-hover text before hover)*/
.slide-text-hover:hover div {
 opacity: 0;
 transform: translate(100%, 0)
}

.slide-text-hover div {
 text-transform: uppercase;
 letter-spacing: 3px;
 font-weight: 800;
 font-size: .8em;
 transition: all .3s ease-in-out;
}

/*Slide text on hover animation start*/

/*Button Option 2 End*/

/*Button Option 3 Start*/
.h-button {
 position: relative;
 background: #000;
 padding: 20px 50px;
 text-align: center;
 font-weight: 900;
 color: #fff;
 text-decoration: none;
 display: inline-block;
}

.h-button span {
 display: inline-block;
 min-width: 0.3em;
 text-transform: uppercase;
 transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
 opacity: 0;
 transform: translate(0, -20px);
}

.h-button:before {
 content: attr(data-text);
 position: absolute;
 width: 100%;
 left: 0;
 transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
 text-transform: uppercase;
 letter-spacing: 3.5px;
 opacity: 1;
 transform: translate(0, 0px);
}

.h-button:hover:before, .h-button:focus:before {
 opacity: 0;
 transform: translate(0, 20px);
}

.h-button:hover span, .h-button:focus span {
 opacity: 1;
 transform: translate(0, 0);
}

.h-button:hover span:nth-child(1), .h-button:focus span:nth-child(1) {
 transition-delay: 0.025s;
}

.h-button:hover span:nth-child(2), .h-button:focus span:nth-child(2) {
 transition-delay: 0.05s;
}

.h-button:hover span:nth-child(3), .h-button:focus span:nth-child(3) {
 transition-delay: 0.075s;
}

.h-button:hover span:nth-child(4), .h-button:focus span:nth-child(4) {
 transition-delay: 0.1s;
}

.h-button:hover span:nth-child(5), .h-button:focus span:nth-child(5) {
 transition-delay: 0.125s;
}

.h-button:hover span:nth-child(6), .h-button:focus span:nth-child(6) {
 transition-delay: 0.15s;
}

/*Button Option 3 Start*/

/*Button Option 4 Start*/
.btn-4 {
 display:inline-block;
 font-family: "Poppins", sans-serif;
 background: none;
 border: none;
 cursor: pointer;
 line-height: 1.3;
 font-weight: 700;
 font-size: 20px;
 padding: 1em 3em;
 outline: none !important;
 text-transform: uppercase;
}

.draw-border {
 box-shadow: inset 0 0 0 4px #333;
 color: #333;
 transition: color 0.25s 0.0833333333s;
 position: relative;
}

.draw-border::before, .draw-border::after {
 border: 0 solid transparent;
 box-sizing: border-box;
 content: "";
 pointer-events: none;
 position: absolute;
 width: 0;
 height: 0;
 bottom: 0;
 right: 0;
}

.draw-border::before {
 border-bottom-width: 4px;
 border-left-width: 4px;
}

.draw-border::after {
 border-top-width: 4px;
 border-right-width: 4px;
}

.draw-border:hover {
 color: #58afd1;
}

.draw-border:hover::before, .draw-border:hover::after {
 border-color: #58afd1;
 transition: border-color 0s, width 0.25s, height 0.25s;
 width: 100%;
 height: 100%;
}

.draw-border:hover::before {
 transition-delay: 0s, 0s, 0.25s;
}

.draw-border:hover::after {
 transition-delay: 0s, 0.25s, 0s;
}

/*Button Option 4 Start*/

/*Button Option 5 Start*/
.btn-5 {
 color: #000;
 border: 2px solid #000;
 padding: 20px 80px;
 text-transform: uppercase;
 letter-spacing: 4px;
 position: relative;
 overflow: hidden;
 cursor: pointer;
 display: inline-block;
}

.btn-5 span {
 font-family: "Roboto", sans-serif;
 position: relative;
 z-index: 100;
}

.btn-5:before, .btn-5:after {
 content: "";
 position: absolute;
 display: block;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
}

.btn-5:before {
 transform: translate3d(-100%, 0, 0);
 background-color: #000;
 border: 1px solid #000;
 transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.btn-5:after {
 background-color: #58afd1;
 border: 1px solid #58afd1;
 transform: translate3d(100%, 0, 0);
 transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
}

.btn-5:hover:before {
 transform: translate3d(0, 0, 0);
}

.btn-5:hover:after {
 transform: translate3d(0, 0, 0);
}

/*Button Option 5 Start*/
.btn-hover-effects {
 display: flex;
 flex-flow: row wrap;
 align-items: center;
 text-align: center;
 justify-content: center;
}

.btn-opt-6 {
 color: #fff;
 cursor: pointer;
 font-size: 16px;
 font-weight: 400;
 line-height: 45px;
 margin: 10px;
 max-width: 160px;
 position: relative;
 text-decoration: none;
 text-transform: uppercase;
 width: 100%;
}

.btn-opt-6:hover {
 text-decoration: none;
}

.btn-opt1 {
 background: #0a5e7f;
 font-weight: 100;
}

.btn-opt1 svg {
 height: 45px;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

.btn-opt1 rect {
 fill: none;
 stroke: #fff;
 stroke-width: 2;
 stroke-dasharray: 422, 0;
 transition: all 0.35s linear;
}

.btn-opt1:hover {
 background: rgba(225, 51, 45, 0);
 font-weight: 900;
 letter-spacing: 1px;
}

.btn-opt1:hover rect {
 stroke-width: 5;
 stroke-dasharray: 15, 310;
 stroke-dashoffset: 48;
 transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-opt2 {
 letter-spacing: 0;
}

.btn-opt2:hover, .btn-opt2:active {
 letter-spacing: 5px;
}

.btn-opt2:after, .btn-opt2:before {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 border: 1px solid rgba(255, 255, 255, 0);
 bottom: 0px;
 content: " ";
 display: block;
 margin: 0 auto;
 position: relative;
 transition: all 280ms ease-in-out;
 width: 0;
}

.btn-opt2:hover:after, .btn-opt2:hover:before {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 border-color: #fff;
 transition: width 350ms ease-in-out;
 width: 70%;
}

.btn-opt2:hover:before {
 bottom: auto;
 top: 0;
 width: 70%;
}

.btn-opt3 {
 background: #e3403a;
 border: 1px solid #da251f;
 box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;
 font-weight: 900;
 letter-spacing: 1px;
 transition: all 150ms linear;
}

.btn-opt3:hover {
 background: #0a5e7f;
 border: 1px solid rgba(0, 0, 0, 0.05);
 box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
 color: #ec817d;
 text-decoration: none;
 text-shadow: -1px -1px 0 #c2211c;
 transition: all 250ms linear;
}

.btn-opt4 {
 border: 1px solid;
 overflow: hidden;
 position: relative;
}

.btn-opt4 span {
 z-index: 20;
}

.btn-opt4:after {
 background: #fff;
 content: "";
 height: 155px;
 left: -75px;
 opacity: 0.3;
 position: absolute;
 top: -50px;
 transform: rotate(35deg);
 transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
 width: 50px;
 z-index: 1;
}

.btn-opt4:hover:after {
 left: 120%;
 transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-opt5 {
 border: 0 solid;
 box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
 outline: 1px solid;
 outline-color: rgba(255, 255, 255, 0.5);
 outline-offset: 0px;
 text-shadow: none;
 transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-opt5:hover {
 border: 1px solid;
 box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
 outline-color: rgba(255, 255, 255, 0);
 outline-offset: 15px;
 text-shadow: 1px 1px 2px #427388;
}



/* Clear Fix */
.container:before, .container:after{content:'';/* display:table; *//* clear:both; */}
	
.clearfix{/* min-height:0; */} 
.clearfix:before,
.clearfix:after{content:'';display:table;} /* [IE8+] */
.clearfix:after{clear:both;}


.nowrap {white-space: nowrap !important;}
/*제목*/
.default-font{font-family:var(--default-font)!important;}
.titW {margin:var(--secgap) 0}
.heading{
	display:block;
	position:relative;
	min-height:0;
	margin:0 0 1em 0;
	padding:0;
	font-family:var(--title-font);
	color:#222;
	line-height:1.0;
	letter-spacing:-.071em;
	}
.heading.h1{font-size:2.500em !important;} /* =36/16 */
.heading.h2{font-size:2.250em !important;} /* =32/16  */
.heading.h3{font-size:2.125em !important;} /* =28/16  */
.heading.h4{font-size:1.500em !important;} /* =24/16  */
.heading.h5{font-size:1.250em !important;} /* =20/16  */
.heading.h6{font-size:1.125em !important;} /* =18/16  */

.hline {position: relative; padding-left:10px}
.hline:before {position:absolute; top:50%; left:0; transform: translateY(-50%); display: block; content: ""; width: 4px; height: 50%;background: #517fd7; z-index: 10;}
.h3line {text-align:center}
.h3line:after {display: block; content: "";  position: relative; width:20px; height:25px; transform:skewX(-50deg); background: #517fd7;   margin: 0.825em auto; z-index: 10;}

.bhline:before {display: block; content: "";  position: relative; width:20px; height:25px; transform:skewX(-50deg); background: #517fd7;   margin: 0.825em auto; z-index: 10;}
.hcircle {position:relative; padding-left:18px; font-size:1.125rem; font-weight: var(--font-weight-5);}
.hcircle:before {display: block; content: "";  position: absolute; left: 0; top:50%; transform:translate(0,-50%);  width:10px; height:10px; border:5px solid #ed1d25; border-radius:100%;}
.underLN {position:relative; display:inline-block;}
.underLN:before{
	content: '';
    display: block;
	width:100%; 
    height: 40%;
    background-color: #fcf49f;
    border-radius: 12px;
	position:absolute;
	bottom:5px;
	left:0
	}
.underLN span{position:relative}

#contents>.inCntBox>.CntTit>h3>span {position:relative}


.Tcircle span {position:relative;}
.Tcircle span:before{
	content: '';
    position: absolute;
    top: -7px;
	left:50%;
    width: 4px;
    height: 4px;
	margin-left:-2px;
    border-radius: 100%;
	background-color:#333;
	}
/*정렬*/
.vm {vertical-align:middle;}
.fRight {float:right;}
.alignLeft,.alignL {text-align:left !important}
.alignRight,.alignR {text-align:right !important}
.alignCenter {text-align:center !important}

/*텍스트*/
.subTit {
	font-family:var(--sub-title-font); 
	font-size:var(--2ltxt); 
	font-weight:var(--font-weight-7);
	margin-bottom:var(--margin-buttom-1)
}

.subSTit {
	font-family:var(--sub-title-font); 
	font-size:var(--ltxt); 
	font-weight:var(--font-weight-7);
	margin-bottom:var(--margin-buttom-1)
}

.iconTit {position:relative; padding-left:28px}
.iconTit:before {
	content:"";
	background-image:url(/images/common/subTitIcon.svg);
	background-repeat:no-repeat;
	position: absolute;
    top: 50%;
	left:4px;
    width: 20px;
    height: 20px;
	transform:translate(0, -50%)
	

}
.text-xs {
  font-size: var(--text-xs);
}
.text-sm {
  font-size: var(--text-sm);
}
.text-base {
  font-size: var(--text-base);
}
.text-lg {
  font-size: var(--text-lg);
}
.text-xl {
  font-size: var(--text-xl);
}
.text-2xl {
  font-size: var(--text-2xl);
}
.text-3xl {
  font-size: var(--text-3xl);
}
.text-4xl {
  font-size: var(--text-4xl);
}
.text-5xl {
  font-size: var(--text-5xl);
}
.text-6xl {
  font-size: var(--text-6xl);
}
.color-w {color:var(--color-w)!important}
.color-9 {color:var(--color-9)!important}
.color-6 {color:var(--color-6)!important}
.pcolor{color:var(--point-color)!important}
.pcolor-1{color:var(--point-color-1)!important}
.pcolor-2{color:var(--point-color-2)!important}
.pcolor-3{color:var(--point-color-3)!important}

/*마진패딩*/
.theumTit {margin:var(--margin-1) 0}
.mT {margin-top:var(--margin-1)!important}
.mB {margin-bottom:var(--margin-1)!important}
.secmT {margin-top:var(--secgap)!important}
.secmB {margin-bottom:var(--secgap)!important}
.secpB {padding-bottom:var(--secgap)!important}
.secmTB {margin:var(--secgap) 0!important}
.mT10 {margin-top:10px !important;}
.mT1em {margin-top:1rem}
.mB1em {margin-bottom:1rem}
.pA10 {padding:10px !important;}
.inpd {padding:1.25rem !important;}
.ver_pc {display:none !important}
.ver_mobile {display:block !important}


/*넓이*/
.w100 {width:100% !important;}


/*굵기*/
.fw4 {font-weight:var(--font-weight-4)!important}
.fw5 {font-weight:var(--font-weight-5)!important}
.fw7 {font-weight:var(--font-weight-7)!important}
.fw8 {font-weight:var(--font-weight-8)!important}

/*준비중*/
.ready {text-align:center; min-height:300px; margin-bottom:var(--secmB)}
.ready:before {content:"\e841"; font-family: 'Linearicons-Free'; display:block; font-size:3rem; color:#eee}
.ready:after {content:"준비중 입니다."; display:block; color:#666}
.ready.bbs:after {content:"게시판 들어갑니다"}

@media all and (min-width:1200px) {
.ready:before {font-size:5rem}
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
	margin-bottom:var(--secmB)
}

.row>div {padding:var(--inpd)}
.row>div>dl{padding:var(--secgap); height:100%}
.row>div>dl>dt {margin-bottom:var(--margin-1); font-size:var(--text-xl); font-weight:var(--font-weight-7)}
.row>div>dl>dd {margin-bottom:0.666em}
/*border top*/

.box0 {position:relative;padding:10px;margin:10px 0;border:1px solid #d7d7d7;border-top:1px solid #4a4a4a;}
.picBox1 {
	background-color:#eee;
	display:flex;
	flex-flow:row wrap;
	padding:var(--boxpd)
	
}

.picBox1 .inpic {position:relative; background-color:#fff; z-index:1; padding:1px;}
.picBox1 .inpic p {position:relative; background-color:#fff;  z-index:2}
.picBox1 .inpic:before {
	content:"";
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	background-color:#fff;
	position: absolute;
    left: 0;
    top: 0;
	z-index:1

}
.picBox1 .inpic:after {
	content: '';
    width: 50%;
    height: 50%;
    background: var(--point-color);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.picBox1 .incont ul {margin-bottom:var(--margin-1)}

.lineBox {
	position:relative;
	border:1px solid #444;
	padding:var(--secgap);
	z-index:0;
	margin:1px;

}

.lineBox:after{
	content:'';
	display:block;
	width:calc(100%);
	height:30%;
	border-width:1px;
	border-style:solid;
	border-bottom:0;
	border-color:var(--point-color);
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}


/*coloBox*/
.colorBox {
	padding:var(--secgap);
	background-color:var(--base-color1);
	color:#fff;
}

.bgcolor1 {background-color:var(--point-color);}
.clip1{clip-path: polygon(100% 0%,100% 100%,0% 70%,0% 0%); min-height:150px}
.clip2{clip-path: polygon(0% 0%,70% 0%,100% 100%,0% 100%);}

.inPicW {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	gap:1rem;
	padding-top:2rem
}
.inPicW>div {background:#fff; padding-bottom:var(--margin-1)}
.inPicW p {text-align:center; padding:0.333rem; color:var(--base-color1)}
.inPicW.linePic div{border:1px solid #ccc;}


@media all and (min-width:1200px) {
	.inPicW {gap:2rem}
	.picBox1 .inpic {width:450px;}
	.picBox1 .incont {width:calc(100% - 450px); padding:0 1rem}

}


.shadow-light {
  box-shadow: 0 6px 24px -2px rgba(119, 139, 165, 0.2);
}
.shadow-dark {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.6);
}

/* border none */
table.t0{width:100%;margin:.666em 0;border:0;border-collapse:collapse;}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.2em .75em;border:0;}
table.t0>*>tr>th{background:transparent;font-weight:normal;}
/* border 상하 */
table.t1{width:100%;margin:.666em 0;border:0;border-collapse:collapse;border-top:1px solid #dadde0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th,
table.t1>*>tr>td{padding:.5em .75em;border:0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th{background:#f7f8f9;}
table.t1>tbody>tr>th{background:#fcfdfe;}
/* border 상하좌우 */
table.t2{width:100%;margin:.666em 0;border:0;border-collapse:collapse;border-top:1px solid #b0b5ba;border-right:1px solid #dadde0;}
table.t2>*>tr>th,
table.t2>*>tr>td{padding:.5em .75em;border:1px solid #dadde0;border-width:0 0 1px 1px;}
table.t2>*>tr>th{background:#f7f8f9;font-weight:normal;}
table.t2>tbody>tr>th{background:#fafbfc;}
/* 여백 table */
table.t3{text-align:center; vertical-align:middle;border-collapse:separate; word-break:keep-all;}
table.t3 th{position:relative; padding:20px 0; background-color:#f9f9f9; font-weight:300}
table.t3 th::before{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; top:0; left:0;}
table.t3 td{position:relative; padding:18px 5px; color:#666;}
table.t3 td::after{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0;}
table.t3 th, table.t3 td{border-right:10px solid #fff;}
table.t3 th:last-child, table.t3 td:last-child{border-right:none;}
.bdR10 {border-right:10px solid #fff !important;}
table.t3 td ul {padding:0 1rem}
table.t3 th span {display:inline-block; white-space:nowrap}
/* time table */
table.timetb{width:100%; text-align:center;vertical-align:middle; border-collapse:separate; word-break:keep-all;}
table.timetb th{position:relative; padding:24px 0; background-color:#eee;}
table.timetb th:before{content:''; width:100%; height:1px; background-color:#333; position:absolute; top:0; left:0;}
table.timetb td{position:relative; padding:20px 0;}
table.timetb td:after{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0;}
table.timetb th, table.timetb td{border-right:10px solid transparent; font-weight:var(--font-weight-5)}
table.timetb th:last-child, table.timetb td:last-child{border-right:none;}
.noticeBox table.timetb th, .noticeBox table.timetb td{border-right:10px solid #f7f7f7;}



/* border 상하(좌우) border-top 강조 */
table.t4{width:100%;margin:.666em 0;border:0;border-collapse:collapse;
	border-top:2px solid #333;
	border-bottom:1px solid #aaa;
	background:#fff;
}
table.t4>*>tr,
table.t4>thead+tbody>tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t4>*>tr:first-child{border-right:1px hidden #fff;}
table.t4>*>tr>th,
table.t4>*>tr>td{padding:.75em .85em;border:1px solid #d7d7d7;border-width:1px 1px 0 0;}
/*여백넓게*/
table.t4.wide>*>tr>td{padding:.825em .923em;border:1px solid #d7d7d7;border-width:1px 1px 0 0;}
table.t4>*>tr>th{background:#f7fcff;font-weight:normal;}
table.t4>thead>tr>th{
	padding:.666em;
	border-width:0 1px 1px 0;border-color:#d7d7d7;background:#f7f7f7;color:#333;
	line-height:1.333;
}
table.t4>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#d7d7d7;background:#f3f6f9;color:#333;}
table.t4>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t4>tbody>tr:first-child>th,
table.t4>tbody>tr:first-child>td{border-top-width:0;}/* ☆20150331. thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
.scrollTB {width:100%; overflow-x:auto;}
.scrollTB > table {width:935px; font-size:1rem}
.tac th, .tac td, .tac {text-align: center;}
.vm th, .vm td {vertical-align:middle}
.tdBG1 {background:#f7f7f7;}




/* pagination */
.pagination{clear:both;width:100%;margin:.666em auto 0;text-align:center;}
.pagination a{display:inline-block;height:25px;margin:.125em 0 .5em .125em;border:1px solid #e1e1e1;color:#666;vertical-align:middle;white-space:nowrap;overflow:hidden;text-decoration:none !important; font-family:Verdana, Geneva, sans-serif}
.pagination .pages a{width:auto;min-width:1em;padding:0 8px;font-size:0.825em;line-height:25px;}
.pagination .pages .on a{border-color:#333;background:#444;color:#fff;}
.pagination .control a {width:40px}
.pagination .control a i{display:block; vertical-align:middle; line-height:25px;}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]){opacity:.4;}


/*리스트*/
.goList {margin:30px 0}
.goList li {padding:4px 0 5px; font-size:0.875em}
.goList li:first-child {border-bottom:dashed 1px #ccc}
.goList li:first-child span:after {content:"\f165"; font-family: LineAwesome; display:inline-block; margin:0 5px;}
.goList li:last-child span:after {content:"\f16c"; font-family: LineAwesome; display:inline-block; margin:0 5px}

.bu1 li{position:relative; padding:0.333rem 0 0.333rem 0.888rem}
.bu1 li:before {
	content:"";
	width:4px;
	height:4px;
	background-color:#555;
	border-radius:100%;
	position:absolute;
	left:0;
	top:12px;
}

.bu1 li ul {margin-top:0.333rem}
.bu1 li ul li {padding-left:0}
.bu1 li ul li:before{display:none}



/* Tablet용 CSS */
@media all and (min-width:768px){
	.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

}

@media all and (min-width:1200px) {
.ver_pc {display:block !important}
.ver_mobile {display:none !important}
.scrollTB {overflow:hidden !important;}
.scrollTB > table {width:100%}

.col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }


}



/*개인정보취급방침*/
.privacy {margin: 0.750em 0 2em 0;padding: 2em 1.250em;border: 1px solid #c8c8cc; background: #fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .05); height:600px; overflow-y:scroll}
.privacy > h3 {font-size:1.375em; font-weight:var(--font-weight-5) margin-bottom:20px; text-align:center}
.privacy > h4 {display:block; font-size:1.125em; font-weight:var(--font-weight-5) padding-top:20px; }
.privacy > pre > h5 {font-size:1.125em; font-weight:400 !important; color:#333}
.privacy  pre { font-family:'Pretendard'; white-space: pre-line;font-size: 0.875em;display: block; padding: 0px; color:#555; line-height:1.6}
.privacy  pre strong { font-weight:400; display:inline-block; margin-right:10px}


/*마우스오버 손모양*/
label{cursor:pointer}
button{cursor:pointer;}






/* 개인정보취급방침 상세화면*/
#privit_detail_pop_up,#movieprivit_detail_pop_up,#agree_detail_pop_up{ display:none;}
#privit-button {cursor:pointer; color:var(--point-color)}
.cominfoBox {width:100%; min-width:320px; max-width:650px; margin:0 auto; background:#fff; left:50% !important; transform: translateX(-50%)}
.privitBox {padding:1em; height:500px; overflow-y:scroll;}
.privitBox pre{white-space:pre-wrap; font-family: var(--base-font);font-size:0.825em; color:#555; font-weight:300}

.popupW {position:relative; width:100%; padding:60px 0 1em 0}
.popupW>.popup-close {box-shadow:none}
.popupW .name {margin:0.333em 0}
.popupW:before {content:""; position:absolute; left:0; top:0; z-index:8500; width:100%; height:50px; background-color:#333; background-size:95px }
.popupW:after {
	content:"";
	position:absolute;
	z-index:9500;
	left:1rem;
	top:1rem;
	font-family: var(--title-font); 
	color:#eee; 
	font-size:1.25rem;
	display:block;
	}

#privit_detail_pop_up .popupW:after {content:"개인정보취급방침";}
#movieprivit_detail_pop_up .popupW:after {content:"영상정보처리기기 운영ㆍ관리";}
#agree_detail_pop_up .popupW:after {content:"이용약관";}
.popupW h4 {color:#005ea5;}
.popupW>ul {display:flex; flex-flow: row wrap; justify-content:space-between; padding:1em;}
.popupW>ul>li:nth-child(1) {width:30%}
.popupW>ul>li:nth-child(2) {width:65%}
.memHis {padding:1em; height:300px; overflow-y:scroll; font-size:15px; color:#666; font-weight:300; line-height:1.6em}
.memHis p {margin-bottom:0.333em}
.popup-close{position:absolute;  z-index: 9500; right:0; top:0; width:50px; height:50px; cursor:pointer;  line-height:50px; color:#333;  text-align:Center; font-size:14px; box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.popup-close span {background: #fff;  width: 14px; height: 2px;display: block;margin: 7px 8px;border-radius: 35px; transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);}
.popup-close span:nth-of-type(2) {position: relative;width: 30px;opacity: 0;}
.popup-close span:first-of-type {width: 30px;margin-top: 18px;transition: all 0.6s; transform: rotate(-45deg) translate(-4px, 8px);}
.popup-close span:last-of-type { position: relative;width: 30px;margin-top: 0;transform: rotate(45deg) translate(-4px, -8px);}


@media all and (min-width:768px) {
.popupW:before {background-size:208px}
.popupW>ul {justify-content:center;}
.popupW>ul>li:nth-child(1) {width:36%}
.popupW>ul>li:nth-child(2) {width:50%}
.memHis {padding:1.5em;}
}

.md-checkbox {
position: relative;
margin: 1em 0;
text-align: left;
}
.md-checkbox label {
cursor: pointer;
/*display: inline;*/
line-height: 1.50em;
vertical-align: top;
clear: both;
padding-left: 22px;
}

.md-checkbox label:before, .md-checkbox label:after {
content: "";
position: absolute;
left: 0;
top: 0;
}
.md-checkbox label:before {
width: 1.25rem;
height: 1.25rem;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.54);
border-radius: 0.125rem;
cursor: pointer;
transition: background 0.3s;
}
.md-checkbox input[type=checkbox] {
outline: 0;
visibility: hidden;
width: 1.25rem;
margin: 0;
display: block;
float: left;
font-size: inherit;
}
.md-checkbox input[type=checkbox]:checked + label:before {
background: #337ab7;
border: 2px solid #337ab7;
}
.md-checkbox input[type=checkbox]:checked + label:after {
transform: translate(0.25rem, 0.3365384615rem) rotate(-45deg);
width: 0.75rem;
height: 0.375rem;
border: 0.125rem solid #fff;
border-top-style: none;
border-right-style: none;
margin-left: 1px;
}

.md-checkbox input[type=checkbox]:disabled + label {
opacity: 0.50;
pointer-events: none;
}
.md-checkbox input[type=checkbox]:disabled:checked + label:before {
background: rgba(0, 0, 0, 0.26);
}



.-underline {
  position: relative;
  padding-bottom: 0.125rem;
  transition: color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.-underline:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: currentColor;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transform-origin: left;
  transform: scaleX(0);
}
.-underline:hover:before {
  transform: scaleX(1);
}



/*--------------------------------------------------
	29. Cursor
---------------------------------------------------*/
body.is-cursor-active {
  cursor: none !important;
}
body.is-cursor-active * {
  cursor: none !important;
}

.cursor {
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__follower {
  position: absolute;
  background-color: #888888;
  opacity: 0.25;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__arrows {
  position: absolute;
  display: flex;
  opacity: 0;
  transform: scale(0.7) rotate(40deg);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__arrows > * {
  position: relative;
  color: black;
  stroke-width: 1;
}
.cursor__arrows > *:first-child {
  left: -0.625rem;
}
.cursor__arrows > *:last-child {
  right: -0.625rem;
}
.cursor__label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  letter-spacing: 0.05em;
  transform: scale(0);
  will-change: transform, opacity;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transform: scale(0);
  will-change: transform, opacity;
  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cursor__icon svg {
  width: 48px;
  height: 48px;
  stroke-width: 0.75;
}

.cursor {
  visibility: hidden;
}
.cursor.is-enabled {
  visibility: visible;
}
.cursor.is-hidden .cursor__wrapper {
  transform: scale(0) !important;
}
.cursor.is-mouse-down .cursor__wrapper {
  transform: scale(0.8);
}
.cursor.is-active .cursor__follower {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);
  transform: scale(3.6);
  opacity: 0.25;
}
.cursor.is-active.has-label .cursor__follower {
  background-color: black;
  opacity: 0.8;
}
.cursor.is-active.has-label .cursor__label {
  transform: scale(1);
}
.cursor.is-active.has-icon .cursor__follower {
  background-color: black;
  opacity: 0.8;
}
.cursor.is-active.has-icon .cursor__icon {
  transform: scale(1);
}







/*--------------------------------------------------
	animation
---------------------------------------------------*/


@keyframes titleLine {
  0% {
    width:0;
  }
  100% {
    width:90%;
  }
}

@keyframes titleLine2 {
  0% {
    width:0;
  }
  100% {
    width:70%;
  }
}




/* 본문탭메뉴1.드롭다운*/
.cnb1{display:block;position:relative;margin:0 auto 1.333em;font-size:16px;line-height:1.333;overflow:hidden;}
.cnb1>.tab_m_title{position:relative; display:block;margin:0;border:0px solid #555;background:#333;color:#fff;text-align:left;text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; cursor:pointer}
.cnb1>.tab_m_title a{display:block; color:#fff;padding:10px 30px 10px 10px;}
.cnb1>.tab_m_title a:after{content:'\e874'; font-family: 'Linearicons-Free';  display:block; position:absolute;right:10px;top:10px;}
.cnb1 .tab_m_title.on:after {transform: rotate(180deg);}
.cnb1 ul{display:none; list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden;}
.cnb1>.toggle~ul{border:0;}
.cnb1 li{float:left;width:100%;margin:0;padding:0;}
.cnb1 [class*='col-'] li{width:100%;}
.cnb1 li>a{display:block;position:relative;min-height:1.333em;margin:-1px 0 0 -1px;padding:9px;border:1px solid #ccc;background:#fff;color:#333;text-decoration:none !important;}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:20;position:relative;border:1px solid #333;color:#000;}
.cnb1 li.on>a{z-index:10;position:relative;border:1px solid #333;background-color:var(--base-color);font-weight:var(--font-weight-5)cursor:default; letter-spacing:-1}

@media all and (min-width:768px) {
.cnb1 {margin-bottom:3rem}
.cnb1>.tab_m_title{display:none;}
.cnb1 ul{display:block !important; /* ☆ */position:relative;margin:0 -1px -1px 0; /* 우측오차1px보정 */padding:1px;border:0;background:#fff url();overflow:visible;}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left; margin-right:1%}
.cnb1 li>a{display:block; padding:18px 43px 12px 10px;border-color:#d7d7d7; border-width:0 0 0 0;/* #666 */background:transparent; font-weight:var(--font-weight-5); font-size:var(--text-base); letter-spacing:-1px}
.cnb1 li.on>a{position:relative; padding:18px 43px 12px 10px; border-color:#d7d7d7; border-width:0 0 0 0; background:transparent; color:var(--point-color); font-weight:var(--font-weight-8); cursor:default; letter-spacing:-1px}
.cnb1 li>a:before {content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#333;}
.cnb1 li>a:hover:before {width:100%; transition: width 0.3s;}
.cnb1 li.on>a:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#333; }
.cnb1 li>a:hover,.cnb1 li>a:focus{border:0;transition: width 0.3s;}
.cnb1 li>a:after{content:'';font-family: 'Linearicons-Free'; display:block; position:absolute;right:0;top:50%; transform: translate(-50%,-50%); width:5px;height:5px; border-radius:100%;  background:#ccc;}
.cnb1 li.on>a:after,.cnb1 li>a:hover:after{background:#333;}

/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}

}


@media all and (min-width:1400px) {
.cnb1 li>a {font-size:var(--text-lg);}
}






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

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.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:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* 화면낭독기 사용자용 */
#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}

.btn_cke_sc {display:none}