@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* webfont */
@font-face {
    font-family: 'NotoSans';
    font-weight: 100;
    src: local('Noto Sans KR Light');
    src: local("☺"),
    url(../font/NotoSansCJKkr-Light.woff2) format('woff2'),
    url(../font/NotoSansCJKkr-Light.woff) format('woff'),
    url(../font/NotoSansCJKkr-Light.otf) format('opentype');

}

@font-face {
    font-family: 'NotoSans';
    font-weight: 200;
    src: local('Noto Sans KR DemiLight');
    src: local("☺"),
    url(../font/NotoSansCJKkr-DemiLight.woff2) format('woff2'),
    url(../font/NotoSansCJKkr-DemiLight.woff) format('woff'),
    url(../font/NotoSansCJKkr-DemiLight.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-weight: 400;
    src: local('Noto Sans KR Regular');
    src: local("☺"),
    url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
    url(../font/NotoSansCJKkr-Regular.woff) format('woff'),
    url(../font/NotoSansCJKkr-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-weight: 500;
    src: local('Noto Sans KR Medium');
    src: local("☺"),
    url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
    url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
    url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
}

* {padding:0; margin:0; border:0; text-shadow:none;}
  
html, body {height:100%;} 
body {padding:0; margin:0; font-size:14px; line-height:180%; font-family:"Noto Sans KR Regular",NotoSans,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-weight:400; letter-spacing:-0.8px; color:#252525; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

ul {list-style:none;}
fieldset {display:block; margin:0; padding:0; border:0;}
legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
form {margin:0; padding:0;}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] { appearance:none;-webkit-appearance:button; cursor:pointer;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0; padding:0;}
textarea::-moz-focus-inner{border:0; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {height:auto;}
input[type='search'] { appearance:none;-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 { appearance:none;-webkit-appearance:none;}

input{font-family:"Noto Sans KR",NotoSans,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; vertical-align:middle; overflow:hidden; width:100%; height:40px; padding:0 10px; border:none; border-bottom:1px solid #b7b7b7; box-sizing:border-box; font-size:14px; color:#252525; font-weight:200; -webkit-appearance:none; appearance:none; border-radius:0; outline:none; background-color:transparent; }
    input:focus {border-bottom:1px solid #252525;}
    input[readonly] {border-bottom:1px solid #eee; color:#252525;}
    input::placeholder {color:#666;opacity: 1;}
    input::-webkit-input-placeholder {color:#666;}
    input:-ms-input-placeholder {color:#666;}
    input:-mos-input-placeholder {color:#666;}
    input[type='file'] {border-bottom:none;}

textarea {font-family:NotoSans,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-size:14px; font-weight:200; line-height:20px; padding:0 10px; margin:0; border:none; vertical-align:middle; -webkit-appearance:none; appearance:none; border-radius:0;background-color:transparent; box-sizing:border-box; width:100%; }
    textarea:focus { outline:none; }
    textarea::placeholder {color:#666;opacity: 1;}
    textarea::-webkit-input-placeholder {color:#666;}
    textarea:-ms-input-placeholder {color:#666;}
    textarea:-mos-input-placeholder {color:#666;}

input.radio, 
input[type=radio] {margin:0; padding:0; border:0; vertical-align:middle; background:none;}
input.check,
input[type=checkbox] {width:13px; height:13px; margin:0; padding:0; border:0; vertical-align:middle; background:none;}

select {margin-bottom: 7px; overflow:hidden; width:100%; height:40px; padding:0 10px; border:1px solid #2f2f2f; /*border-bottom:1px solid #b7b7b7; */outline:none;box-sizing:border-box; font-size:14px; color:#252525; background:url(../img/common/iconSelectArrow.png) no-repeat right center; background-size:14px auto; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; }
select::-ms-expand {display:none;}

.chkList input[type=checkbox],
.chkList input[type=radio] {display:inline-block; width:25px; height:25px; padding:0; border:none; outline:none; vertical-align:top; background:url(../img/common/ico_ckBox_type1.png) no-repeat center center; background-size:25px;}
.chkList input[type=checkbox]:checked,
.chkList input[type=radio]:checked {background:url(../img/common/ico_ckBox_type1_on.png) no-repeat center center; background-size:25px;}
.chkList label {position:static; padding-left:5px; vertical-align:top; font-size:14px; line-height:25px; color:#252525;}

.chkListSmall input[type=checkbox],
.chkListSmall input[type=radio] {display:inline-block; width:16px; height:16px; padding:0; border:none; outline:none; vertical-align:top; background:url(../img/common/ico_ckBox_type2.png) no-repeat center center; background-size:cover;}
.chkListSmall input[type=checkbox]:checked,
.chkListSmall input[type=radio]:checked {background:url(../img/common/ico_ckBox_type2_on.png) no-repeat center center; background-size:cover;}
.chkListSmall label {display:inline-block; position:static; padding-left:2px; vertical-align:top; font-size:13px; line-height:16px; color:#000;}

/*invert 값 적용시키기 2022-1-18*/
.chkListSmall_invert input[type=checkbox],
.chkListSmall_invert input[type=radio]{display: inline-block;width: 16px;height: 16px;padding: 0;border: none;outline: none;vertical-align: top;
 background: url(../img/common/ico_ckBox_type2.png) no-repeat center center;
 background-size: cover;}	
.chkListSmall_invert input[type=checkbox]:checked,
.chkListSmall_invert input[type=radio]:checked {background:url(../img/common/ico_ckBox_type2_on.png) no-repeat center center; background-size:cover;
}

a:link,
a:visited, 
a:active,
a:hover {text-decoration:none; color:#252525;}

h1,h2,h3,h4,h5,h6,strong {font-weight:400;}
img {border:0; vertical-align:middle;}
i { display:inline-block; vertical-align:middle; color:#252525; font-size:26px; }
hr {display:none;}

em, address {font-style:normal;}

table {width:100%; border-collapse:collapse;}
table th {white-space:nowrap;}
caption  {visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

noscript {position:absolute; z-index:10; background:#efefef;}
noscript p {margin:0;}

.blind {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
.skip {position:absolute; top:-50px; left:50%; line-height:27px; width:130px; height:40px; padding:0; margin:0 0 0 -50px; text-align:center; overflow:hidden; font-size:12px; line-height:180%; color:#fff; background-color: #333; z-index:100;}
.skip a {width:100px; color:#ffffff; font-weight: bold; }
.skip li {list-style-type: none;}

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


/* global */
.fl {float:left !important;}
.fr {float:right !important;}
.cbo {clear:both;}
.floatWrap::after { content:""; display:block; clear:both; }

.txtPtOrg   {color:#f7941d !important;}
.txtPtOrg2  {color:#fcba63 !important;}
.txtPtOrg3  {color:#ffd87d !important;}
.txtPtGrn   {color:#5da62b !important;}
.txtPtGrn2  {color:#7fc241 !important;}
.txtPtGrn3  {color:#a6ce39 !important;}
.txtPtGrn4  {color:#cadb2a !important;}
.txtPtRed   {color:#f05a5b !important;}
.txtPtblue  {color:#33b6b1 !important;}
.txtPtGray  {color:#959595 !important;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.ls0 { letter-spacing:0 !important; }
.ls03 { letter-spacing:-0.3px !important; }
.ls05 { letter-spacing:-0.5px !important; }
.ls08 { letter-spacing:-0.8px !important; }
.ls1 { letter-spacing:-1px !important; }

.vtop {vertical-align:top;}
.vmid{vertical-align:middle;}
.vbott{vertical-align:bottom;}

.fw1 { font-weight:100 !important; }
.fw2 { font-weight:200 !important; }
.fw3 { font-weight:300 !important; }
.fw4 { font-weight:400 !important; }
.fwb { font-weight:bold!important; }

.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 !important; }
.fs21 { font-size:21px !important; }
.fs22 { font-size:22px !important; }
.fs23 { font-size:23px !important; }
.fs24 { font-size:24px !important; }
.fs25 { font-size:25px !important; }
.fs26 { font-size:26px !important; }
.fs27 { font-size:27px !important; }
.fs28 { font-size:28px !important; }
.fs29 { font-size:29px !important; }
.fs30 { font-size:30px !important; }

.lh1 { line-height:100% !important; }
.lh11 { line-height:110% !important; }
.lh12 { line-height:120% !important; }
.lh13 { line-height:130% !important; }
.lh14 { line-height:140% !important; }
.lh15 { line-height:150% !important; }
.lh16 { line-height:160% !important; }
.lh17 { line-height:170% !important; }
.lh18 { line-height:180% !important; }
.lh19 { line-height:190% !important; }
.lh2 { line-height:200% !important; }
 
/*padding*/
.p0 {padding:0 !important;}
.p1 {padding:1px !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p4 {padding:4px !important;}
.p5 {padding:5px !important;}
.p6 {padding:6px !important;}
.p7 {padding:7px !important;}
.p8 {padding:8px !important;}
.p9 {padding:9px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
.p35 {padding:35px !important;}
.p40 {padding:40px !important;}
.p45 {padding:45px !important;}
.p50 {padding:50px !important;}

.pT0 {padding-top:0 !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT15 {padding-top:15px !important;}
.pT20 {padding-top:20px !important;}
.pT25 {padding-top:25px !important;}
.pT30 {padding-top:30px !important;}
.pT35 {padding-top:35px !important;}
.pT40 {padding-top:40px !important;}
.pT45 {padding-top:45px !important;}
.pT50 {padding-top:50px !important;}

.pR0 {padding-right:0 !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR15 {padding-right:15px !important;}
.pR20 {padding-right:20px !important;}
.pR25 {padding-right:25px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0 !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB15 {padding-bottom:15px !important;}
.pB20 {padding-bottom:20px !important;}
.pB25 {padding-bottom:25px !important;}
.pB30 {padding-bottom:30px !important;}
.pB35 {padding-bottom:35px !important;}
.pB40 {padding-bottom:40px !important;}
.pB45 {padding-bottom:45px !important;}
.pB50 {padding-bottom:50px !important;}

.pL0 {padding-left:0 !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL15 {padding-left:15px !important;}
.pL20 {padding-left:20px !important;}
.pL25 {padding-left:25px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}

/*margin*/
.m0 {margin:0 !important;}
.m1 {margin:1px !important;}
.m2 {margin:2px !important;}
.m3 {margin:3px !important;}
.m4 {margin:4px !important;}
.m5 {margin:5px !important;}
.m6 {margin:6px !important;}
.m7 {margin:7px !important;}
.m8 {margin:8px !important;}
.m9 {margin:9px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.m35 {margin:35px !important;}
.m40 {margin:40px !important;}
.m45 {margin:45px !important;}
.m50 {margin:50px !important;}

.mT0 {margin-top:0 !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !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;}
.mTm1 {margin-top:-1px !important;}
.mTm2 {margin-top:-2px !important;}
.mTm3 {margin-top:-3px !important;}
.mTm4 {margin-top:-4px !important;}
.mTm5 {margin-top:-5px !important;}
.mTm6 {margin-top:-6px !important;}
.mTm7 {margin-top:-7px !important;}
.mTm8 {margin-top:-8px !important;}
.mTm9 {margin-top:-9px !important;}
.mTm10 {margin-top:-10px !important;}
.mTm15 {margin-top:-15px !important;}
.mTm20 {margin-top:-20px !important;}
.mTm25 {margin-top:-25px !important;}
.mTm30 {margin-top:-30px !important;}

.mR0 {margin-right:0 !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR15 {margin-right:15px !important;}
.mR20 {margin-right:20px !important;}
.mR25 {margin-right:25px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0 !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !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;}
.mBm1 {margin-bottom:-1px !important;}
.mBm2 {margin-bottom:-2px !important;}
.mBm3 {margin-bottom:-3px !important;}
.mBm4 {margin-bottom:-4px !important;}
.mBm5 {margin-bottom:-5px !important;}
.mBm6 {margin-bottom:-6px !important;}
.mBm7 {margin-bottom:-7px !important;}
.mBm8 {margin-bottom:-8px !important;}
.mBm9 {margin-bottom:-9px !important;}
.mBm10 {margin-bottom:-10px !important;}
.mBm15 {margin-bottom:-15px !important;}
.mBm20 {margin-bottom:-20px !important;}
.mBm25 {margin-bottom:-25px !important;}
.mBm30 {margin-bottom:-30px !important;}

.mL0 {margin-left:0 !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL25 {margin-left:25px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}



.img-desc img{
    width: 100%;
    height: auto;
    border: 0;
    vertical-align: top;
    box-sizing: border-box;
    padding: 25px !important;
}

.btn-area{
    position: relative;
    top: 60px;
}
.annual-btn{position:relative; top: 0;}
.btn-area .btn-kr{position: relative; top: -55px;}

.img-desc span.btn-adobe{
display: inline-block;
padding: 0 25px;    
font-size: 12px;
color: rgb(80, 80, 80,0.8);
position: relative;
top: -20px;}

.tab-contents{box-sizing: border-box; padding:15px 15px 0 15px;margin-top: 50px;}
.director_rule_tit{display: flex;justify-content: space-between;padding: 0 15px; position: relative; top: 8px;}
.director_rule_main{font-weight: 500;font-size: 16px;}
.director_rule_date{font-size: 16px;color: #505050;}