@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
/*@import "global.css";*/


/********************************************************
* Reset
*********************************************************/
*{padding:0;margin:0;box-sizing:border-box;}
/*body{font-family:'Noto Sans KR', sans-serif; min-width:320px;overflow-x:hidden;overflow-y:scroll;color:#222;background:#fff}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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,output,ruby,section,summary,time,mark,audio,video{font-size:100%;border:0;/*vertical-align:baseline*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,dl,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table,th,td{border-spacing:0;border-collapse:collapse}
a,a:link,a:visited,a:hover,a:active{text-decoration:none; color: inherit;}
img{border:0}
h1,h2,h3,h4,h5,h6,strong,th{font-weight:700;line-height:1.5em}
h1,h2,h3,h4,h5,h6,strong,p,label,a{line-height:1.5em;word-break:keep-all}
address{font-style:normal}
label{cursor:pointer;vertical-align:middle}
input{vertical-align:middle;-webkit-border-radius:0;}
input::-ms-clear{display:none;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 300px white inset}
select, textarea{vertical-align:middle;}
.select{position:relative;padding:0 50px 0 20px;border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}
.select::-ms-expand{display:none}
input[type=button],input[type=submit],button{cursor:pointer;border-radius:0;}
::placeholder{color:#b7b7b7;opacity:1}
:-ms-input-placeholder{color:#b7b7b7}
input {font-family:'Noto Sans KR', sans-serif;}

/********************************************************
* Text
*********************************************************/
/* h1,h2,h3,h4{letter-spacing:-0.031em} */
a{color:#222;}
h1,h2,h3,h4,h5,h6,a,p,th,td,div,span,label,input,select,textarea,button,li,caption{font-family:'Noto Sans KR', sans-serif;}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center !important;}.text-justify{text-align:justify}
.bold{font-weight:700}.normal{font-weight:400}.light{font-weight:300}.bold5{font-weight:500}.bold6{font-weight:600}.bold8{font-weight:800}.bold9{font-weight:900}
.fs12{font-size:12px !important}.fs13{font-size:13px !important}.fs14{font-size:14px !important}.fs15{font-size:15px !important}.fs16{font-size:16px !important}.fs17{font-size:17px !important}.fs18{font-size:18px !important}.fs19{font-size:19px !important}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs42{font-size:42px}.fs48{font-size:48px}
.fs50{font-size:50px}.fs52{font-size:52px}.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}
.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}
.lh25{line-height:25px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}
.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.lh50{line-height:50px}
.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}.lh60{line-height:60px}
.italic{font-style: italic !important;}


/********************************************************
* Color
*********************************************************/
.white{color:#fff!important;}
.black{color:#000}
.gray1{color:#111}
.gray2{color:#222}
.gray3{color:#333}
.gray4{color:#444}
.gray5{color:#555}
.gray6{color:#666}
.gray7{color:#777}
.gray8{color:#888}
.gray9{color:#999}
.blue{color:blue}
.red{color:red}
.pink{color:pink}
.orange{color:orange}


/********************************************************
* Layout
*********************************************************/
.inner{width:100%;max-width:1240px;padding:0;margin:0 auto}
.hide{display:none}

sub, sup{font-size: 10px;}

/* Padding, Margin */
.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}
.pt45{padding-top:45px}.pb45{padding-bottom:45px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pt60{padding-top:60px}.pb60{padding-bottom:60px}.pt70{padding-top:80px}.pb70{padding-bottom:70px}
.pt80{padding-top:80px}.pb80{padding-bottom:80px}.pt90{padding-top:90px}.pb90{padding-bottom:90px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pt110{padding-top:110px}.pb110{padding-bottom:110px}
.pt120{padding-top:120px}.pb120{padding-bottom:120px}
.mt0{margin-top:0px !important}.mt5{margin-top:5px !important}.mb5{margin-bottom:5px !important}.mt10{margin-top:10px !important}.mb10{margin-bottom:10px !important}.mt15{margin-top:15px !important}.mb15{margin-bottom:15px !important}.mt20{margin-top:20px !important}.mb20{margin-bottom:20px !important}.mt25{margin-top:25px !important}.mb25{margin-bottom:25px !important}
.mt30{margin-top:30px !important}.mb30{margin-bottom:30px !important}.mt35{margin-top:35px !important}.mb35{margin-bottom:35px !important}.mt40{margin-top:40px !important}.mb40{margin-bottom:40px !important}.mt45{margin-top:45px !important}.mb45{margin-bottom:45px !important}.mt50{margin-top:50px !important}.mb50{margin-bottom:50px !important}
.mt60{margin-top:60px !important}.mb60{margin-bottom:60px}.mt70{margin-top:70px}.mb70{margin-bottom:70px}.mt80{margin-top:80px}.mb80{margin-bottom:80px}.mt90{margin-top:90px}.mb90{margin-bottom:90px}.mt100{margin-top:100px}.mb100{margin-bottom:100px}
.mt110{margin-top:110px}.mb110{margin-bottom:110px}.mt120{margin-top:120px}.mb120{margin-bottom:120px}.mt130{margin-top:130px}.mb130{margin-bottom:130px}.mt150{margin-top:150px}.mb150{margin-bottom:150px}
.mt180{margin-top:180px}.mb180{margin-bottom:180px}.mt200{margin-top:200px}.mb200{margin-bottom:200px}.mt250{margin-top:250px}.mb250{margin-bottom:250px}.mt300{margin-top:300px}.mb300{margin-bottom:300px}
.mr0{margin-right: 0 !important;} .pl10{padding-left: 10px !important;} .pl20{padding-left: 20px !important;}

/********************************************************
* Common
*********************************************************/
.o-hd{overflow:hidden}
.clearfix:after{content:"";display:block;clear:both}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.hidden{width:0;height:0;overflow:hidden;visibility:hidden;margin:0;padding:0;font-size:0;line-height:0}
.blind{width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.visible{visibility:visible;opacity:1}
.pull-left{float:left}
.pull-right{float:right}
.cursor{cursor:pointer!important}
.no-result{padding:130px 20px;font-size:16px;text-align:center;background:#eee}
/* .video-wrap{position:relative;padding-top:56.2%} */
/* .video_wrap iframe{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%} */
.mask{position:fixed;display:block;top:0;bottom:0;left:0;right:0;visibility:hidden;opacity:0;background:rgba(0,0,0,0.6);transition:opacity 0.25s linear,visibility 0.25s linear;z-index:1550}
.mask.show{visibility:visible;opacity:1}
.editor-contents img{height:auto!important;max-width:100%}
.ic{display:inline-block;position:relative;top:-1px;vertical-align:middle}
.a-under:hover{text-decoration:underline;}
.fs25{font-size: 25px;} .fs30{font-size: 30px;}
.mb0{margin-bottom: 0 !important;}

.txt-red{color: #C00000 !important;}
.txt-purple{color: #6e0093 !important;}

.ta_center{text-align: center !important;} .ta_left{text-align: left !important;} .ta_right{text-align: right !important;} .ta_jus{text-align: justify !important;}

/*base layout*/
html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

html,body {width: 100%; height: 100%;}


#wrap {width: 100%; min-width:1240px; position:relative; }
#header {width: 100%;min-width:1240px;overflow:hidden;position: absolute;left:0px;top:0px;z-index:50;background-color:#fff;}
#header:before {content:''; width: 100%; height: 80px; position:absolute; left:0px; top:90px; border-top: solid 1px #bdbdbd; background-color:#fcfcfc;}
#header .inner_box {width: 1240px; margin: 0 auto; position:relative; }
#header .logo {position:absolute; left:0px; top:0px;}
#header .logo a {display:block; width: 158px; height: 90px;  background:url(../images/logo.png) 0 23px no-repeat; }
#header #gnb {width: 1240px; height: 91px;  display:inline-block; vertical-align:top; padding-left: 208px; transition: all 0.2s ease;}
#header #gnb > li {float: left; position:relative;}
#header #gnb > li > a {display:inline-block; padding: 0 25px;}
#header #gnb > li > a span  {position:relative; display:inline-block; height: 91px; font-size:17px; line-height:90px; color:#000000; font-weight:500; font-family:'Noto Sans KR';}
#header #gnb > li > a span:before {content:''; display:block; position:absolute; bottom:-1px; width:0; height:3px; background-color:#4A43FB; z-index:100; transition:all 0.4s;}
#header #gnb > li > a span:hover:before{width:70%;left:0;}
#header #gnb > li > ul {display:none; position:absolute; top:180px; float: left; width: 1000px;}
#header #gnb > li:last-child > ul{right: -96px;}
#header #gnb > li > ul > li {float: left; }
#header #gnb > li > ul > li a {display:inline-block; font-size:15px; line-height:80px; color:#666666; padding: 0 13px; font-family:'Noto Sans KR'; }
#header #gnb > li > ul > li a:hover {font-weight:500; color:#4A43FB;}

#header.sub #gnb {height: 170px;}

#header #gnb:hover {height: 170px; transition: all 0.25s ease;}
#header #gnb > li:hover > a span {color:#4A43FB;}
#header #gnb > li:hover > a span:before {width: 100%; }
#header #gnb > li:hover > ul {display:block; top:90px; }
#header #gnb > li.current > a span {font-weight:700; color:#4A43FB;}
#header #gnb > li.current > a span:before {width: 100%; }
#header #gnb > li.current > ul {display:block; top:90px; }
#header #gnb > li > ul > li.on a {font-weight:500; color:#4A43FB;}

#header .top_mail{position: absolute; right: 30px; top: 5px;}

/*dday*/
#clockdiv{width: 1240px; margin: 0 auto; position: relative;}
#clockdiv .dday_txt{position: absolute; right: 0; z-index: 9999; text-align: center; background: #4a43fb;width: 95px; height: 95px; color: #fff; top: 46px; border-radius: 50%; font-size: 22px; font-weight: 600; display: flex; flex-direction: column; justify-content: center; line-height: 31px; animation: pulseAnim 2s infinite; }
@keyframes pulseAnim {
	0% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 40%);
	}
	70% {
		box-shadow: 0 0 0 10px rgb(88 120 243 / 0%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 0%);
	}
}

/*footer*/
#footer {width: 100%; background-color:#f0f0f0; margin-top: 91px;}
#footer .footer_logo{background: #fff; padding: 30px 0;}
.footer_logo .org_area{display:flex; align-items:center; width: 1240px; margin: 0 auto;}
.footer_logo .org_area span{width: 11%; font-size: 17px; font-weight: 600;}
.footer_logo .org_area ul{display:flex; flex-wrap: wrap; width: 89%;}
.footer_logo .org_area ul li{margin-right:20px;}
.footer_logo .org_area ul li a{display: block;}

.footer_logo .sp_area{}
.footer_logo .sp_area span{padding-bottom: 8px; margin-top: -46px; float: left;}

#footer .inner_box {width: 1240px; margin: 0 auto; position:relative; padding: 30px 0; background: url(../images/logo.png) no-repeat left; background-size: 158px 43px;}
#footer .txt {font-size:15px; line-height:24px; color:#888888; padding-left: 190px;} 


.btn{border: 2px solid #000; padding:10px; border-radius:5px; display:inline-block; font-weight:500; text-align:center; transition:0.3s;}
.btn:hover{background:#000; color:#fff;}
.large_btn{padding: 15px 20px; font-size: 20px; font-weight: 600;}
.small_btn{padding: 8px 16px; font-size: 15px; font-weight: 600; background: #f1592a; color: #fff !important; border-radius: 15px; display: inline-block;}

a.underline{color:#1d31a4; border-bottom: 1px solid #1d31a4; font-weight:500; background:#f3f4ff;}

table{border-spacing: 0; border-collapse: 0;}
.table-basic{width: 100%; border-top: 3px solid #000;}
.table-basic th{text-align: center; border-bottom: 1px solid #000; background: #f3f3f3; font-weight: 600; padding: 10px 3px; font-size: 17px;}
.table-basic td{border-right: 1px solid #CED5DB; border-bottom: 1px solid #CED5DB; padding: 10px;}
.table-basic td:last-child{border-right: 0;}
.table-basic .bR0{border-right: 0 !important;} .table-basic .bR1{border-right: 1px solid #CED5DB !important;} .table-basic .bB0{border-bottom: 0 !important;} .table-basic .bB1{border-bottom: 1px solid #CED5DB !important;} .table-basic .bR4{border-right: 4px double #CED5DB;}

.table-basic .table_title{text-align: center; color: #f1592a; font-size: 14px;}

.table-basic.table02{border-top:0;}
.table-basic.table02 th{border-radius:15px 15px 0 0;}
.table-basic.table02 td{padding: 7px;}

.job_box{padding: 20px 0; border-top: 3px solid #000; border-bottom: 1px solid #000;}
.job-table{border: 0;}
.job-table td{border: 0; padding: 5px 10px;}
.job-table td:first-child{vertical-align: top;}



