@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@charset "utf-8";
*{box-sizing:border-box;}
html{font-size:62.5%;overflow-x: hidden;}
body{margin:0;font-size:1.4rem;font-family:"Pretendard","¸¼Àº °íµñ";color:#222;overflow-x: hidden;}
img{border:0;}
table,td{margin:0;padding:0;white-space:nowrap;}
a{text-decoration:none;color:#666666;}
dl,ul,ol,dt,dd,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:700;}
p{margin:0;padding:0;}
#warp{width:100%;margin:0;}
#contents02{width:980px;top:122px;}
#contents01{position:relative;width:980px;margin:32px auto 0;}
.leftMenu{position:absolute;left:0;width:190px;line-height:0;}
.leftMenu img{vertical-align:middle;}
.contents{top:0;max-width:800px;min-height:600px;width:100%;}
.box01{width:225px;margin:0;float:left;}
.box01 #boxid{position:relative;top:8px;left:14px;}
.box01 #boxpw{position:relative;top:12px;left:14px;}
.box01 #boxsv{position:relative;top:21px;left:10px;}
.box01 #loginid{position:relative;left:8px;top:2px;width:145px;height:19px;}
.box01 #loginpw{position:relative;left:8px;width:95px;height:19px;}
.box01 #loginenter{position:relative;top:9px;left:15px;}
.box02{width:225px;margin:0;float:left;}
.box03{width:280px;margin:0;float:left;}
.box03 li{float:left;}
.box03 #brochure{position:relative;top:10px;}
.box04{position:relative;left:720px;width:220px;margin:0;}
.box04 #notice{position:absolute;left:0;top:0;}
.box04 #press{position:absolute;left:61px;top:0;}
.box04 #more{position:absolute;left:213px;top:15px;}
.box04 #line{position:absolute;left:0;top:23px;padding:0;}
.box04 #notice_date{position:absolute;width:240px;left:5px;top:43px;font-size:12px;letter-spacing:-2px;line-height:170%;}
.box05{position:relative;left:725px;top:45px;padding-left:-5px;}
.box05 li{position:relative;height:20px;}
.box05 #notice_title{position:absolute;width:205px;letter-spacing:-1px;line-height:170%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.box05 #notice_date{position:absolute;left:210px;width:50px;letter-spacing:-1px;line-height:170%;}
.box05 #boxpress{display:none;}
.ui-datepicker-trigger{display:inline-block;margin-top:0;vertical-align:top;}
.contents {font-size:1.4rem;}
.contents .contents-header{display:flex;justify-content:space-between;align-items:end;box-sizing:revert;border-bottom:2px solid #eee;max-width:850px;margin:10px auto;}
.contents .contents-header h2{font-weight:900;font-size:21px;color:#444;font-family:"¸¼Àº °íµñ";padding:1rem 0;position:relative;}
.contents .contents-header h2::after{content:"";position:absolute;width:100%;left:0;bottom:-2px;height:2px;background:#444;border-radius:2px;}
.contents .contents-header span{margin-bottom:1rem;}
.contents .contents-body{padding:1rem;}

.contents-title{position:relative;margin:10px 0;padding-left:20px;font-size:16px;font-weight:700;font-family:"¸¼Àº °íµñ";line-height:1.3;color:#666;}
.contents-title::before{content:" ";position:absolute;left:0;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:2px;border:.5px solid #3890f2;background:linear-gradient(180deg,#fff 0%,#3890f2 50%,#2a6dd9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.08);}
.main {display:flex;max-width:1000px;margin:0 auto;gap:40px;padding:10px;justify-content:center;}
.tabcon {border-bottom: 1px solid #E1E1E1;}

@media(max-width:850px){
  #contents01{width:95vw;overflow-x:scroll;}
  .contents{left:0;width:95vw;overflow-x:scroll;margin:0 auto;}
  #contents03{display:none;}
  .contents-header>span{display:none;}
  #footer{width:100vw;overflow-x:hidden;}
  body{overflow-x:hidden;}
  .leftMenu{display:none;}
  .sidebar{display:none;}
}
