@import url("https://fonts.googleapis.com/css?family=Exo+2:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic");
@import url("../../../cdn.jsdelivr.net/gh/orioncactus/pretendard%40v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");



/*[s] Reset Css */
html,body{width:100%; min-height:100%; background-color: #fff; -webkit-text-size-adjust:none}
input,button,textarea{background-color: transparent; border:none; -webkit-border-radius:0; -webkit-appearance:none}
input[type=submit],input[type=image],input[type=button],button,a{cursor: pointer; text-decoration: none;}
img,video,audio,object,embed,iframe{max-width:100%; max-height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0; box-sizing: border-box;}
fieldset,img,abbr,acronym{border:none}
fieldset{display:block}
ol,ul{list-style:none outside}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%;font-weight:normal}

hr,legend,caption,hr{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-1000em}

img{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
}

input:focus-visible{outline: none;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style:normal; font-weight: inherit; word-break: keep-all;}
body{font-size:18px; line-height: 28px; color:#666;}

#wrap{position: relative; margin: 0 auto; overflow: hidden;}
/*[e] Reset Css */
/*[s] Bace Css */

:root,
html{font-size: 10px}
:root {
    --point : #0049df;
    --point2 : #969bac;

    --pre : "Pretendard Variable", sans-serif !important;
    --exo : "Exo 2", sans-serif !important;
}

.inner{width: 1240px; padding: 0 20px; margin: 0 auto;}

.img{font-size: 0; line-height: 0;}

.point{color: var(--point) !important;}
.point2{color: var(--point2) !important;}
.point3{color: var(--point3) !important;}
.cfff{color: #fff !important;}

.fwl{font-weight: 100;}
.fw300{font-weight: 300;}
.fw500{font-weight: 500;}
.fw550{font-weight: 550;}
.fwb{font-weight: bold;}
.fw900{font-weight: 900;}

.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

.mgt5{margin-top: 5px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt25{margin-top: 25px;}
.mgt30{margin-top: 30px;}
.mgt35{margin-top: 35px;}

/* header */
#header{position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); z-index: 7;}
#header .inner{max-width: 1760px; min-width: 1240px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between;}
#header .inner .logoArea{width: 170px;}
#header .inner .logoArea img{content: url('../img/logo_white.png');}
#header .inner .members_btns{display: flex; gap: 10px;}
#header .inner .members_btns a{width: 100px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 20px; color: #fff; font-weight: 550; text-align: center; background-color: var(--point); border-radius: 1000px; }
#header .inner .members_btns a:nth-of-type(even){color: #071437; background-color: #fff;}

/* footer */
#footer{position: relative;}
#footer .inner{max-width: 1760px; min-width: 1240px; width: 100%; }
#footer .inner .footerLinkArea{display: flex; gap: 30px; align-items: center; padding: 30px 0;}
#footer .inner .footerLinkArea li a{display: inline-block; font-size: 16px; line-height: 1; color: #3e97ff; font-weight: 500;}
#footer .inner .footerLinkArea li.visitEdu a{color: #fff; background-color: #071437; border-radius: 100px; padding: 15px;}

#footer .inner .footerContents{border-top: 1px solid #e5e5e5; padding: 50px 0;}
#footer .inner .footerContents{display: flex; gap: 70px;}
#footer .inner .footerContents .logoArea{width: 260px;}
#footer .inner .footerContents .logoArea img{content: url('../img/logo_dnllogis.png');}

#footer .inner .footerContents .textArea{max-width: 640px; width: calc(100% - 260px 70px); display: flex; gap: 0 20px; flex-wrap: wrap; overflow: hidden;}
#footer .inner .footerContents .textArea li{position: relative; font-size: 16px; line-height: 24px; color: #646773; }
#footer .inner .footerContents .textArea li::before{position: absolute; content: ''; top: calc(50% - 8px); left: calc(-10px - 0.5px); width: 1px; height: 16px; background-color: #646773;}

#footer .inner .footerContents .textArea li.copyright{width: 100%; margin: 10px 0 0;}

#footer .inner .footerContents .textArea li a{color: #3e97ff; font-weight: 500;}

