@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
body td {font-size:12px; font-family:µ¸¿ò,sans-serit; color:#777777; line-height:20px;}
body {margin:0; padding:0}
li {list-style: none;}
a:link {color:#777777; text-decoration:none;}
a:visited {color:#777777; text-decoration:none;}
a:active {color:#777777;}
a:hover {color:#004294;}

img { border:none;}

.noto{font-family: 'Noto Sans KR', sans-serif;}
.tit-icon {margin-right: 10px; vertical-align: bottom;}
.tit-conts {margin-top: 10px; font-size: 14px; color: #666;}
.cont-tits {font-size: 18px; letter-spacing: -.54px; font-weight: bold; color: #054286;}
.cont-pdb {padding-bottom: 6px; border-bottom: 1px solid #e3e3e3; clear: both;}

.standard01 { border-bottom:1px solid #cfcfcf; background-color:#e4f1ff; text-align:center; height:30px; font-weight:bold; width:150px;}
.standard02 { border-bottom:1px solid #cfcfcf; padding-left:10px;}

/* main */
.main-logo {background-color: #fff; height: 78px; box-shadow: 0 1px 13px 0 rgba(0,0,0,0.11); border-bottom: 1px solid #e3e3e3;}
.mains {height:100%; margin: 0 auto; max-width: 1024px; display: flex; justify-content: space-between; align-items: center;}
.navi-wrap {display: flex; font-size: 14px; color: #666 !important; height: 100%; line-height: 75px;}
.navi-wrap:hover {color: #0066d9;}
.navi-wrap .navi {padding-left: 26.5px; position: relative; height: 100%;}
.navi-wrap .navi a {font-size: 14px; position: relative; display: block; height: 100%;}
.navi-wrap .navi > a::after { display: block; content: ""; position: absolute; width: 100%; margin-top: 1px; height: 2px; background-color:#466c8a; transform: translateX(15px); opacity: 0; transtion: all .3s;}
.navi-wrap .navi:hover > a::after {transform: translateX(0); opacity: 1;}
.navi-wrap .navi:hover{color: #466c8a;}
.navi-subs{padding: 20px 25px; font-size: 13px; position: absolute; width:100%;  background-color: #fff; margin: 0 auto; z-index: 99; left:0; top: 79px; border: 1px solid #e3e3e3; border-top:none; display: none;}
.navi-subs > li { letter-spacing: -.42px;line-height: 28px; cursor: pointer;}
.navi-subs > li:hover {}
.navi-wrap .navi:not(:last-child) { padding-right: 26.5px;}
.navi-wrap .navi:not(:last-child)::after{content: ""; width: 1px; height: 13px; background-color: #e3e3e3; position: absolute; right: 0; top: 32px;}
/* .navi-wrap .navi > a{ cursor: pointer; position: relative; padding-left: 29.5px;}
.navi-wrap .navi:hover{}
.navi-wrap .navi:hover:before{content: ""; width: 60; height: 2px; background-color: #466C8A; position: absolute; top: 46px; left: 30px;}

.navi-wrap .navi:not(:last-child):after {content: ""; width: 1px; height: 13px; background-color: #e3e3e3; position: absolute; right: -26.5px;top:4px;}
.navi .navi-subs {background-color: #fff; position: absolute; padding: 20px 30px; border: 1px solid #e3e3e3; top: 32px; left: 0px; display: none;}
.navi .navi-subs > li {width: 110; font-size: 14px; letter-spacing: -.42px;line-height: 26px;} */

/* gallery-wrap */
.gallery-wrap {margin-top: 60px; border-top: 1px solid #e3e3e3; width: 1024px; margin: 0 auto;padding-top: 40px; text-align: center;}
.tits {font-size: 18px; font-weight: bold; color: #054286; line-height: 27px;}
.gallery-wrap .gallery-imgs {margin-top: 40px; display: flex; justify-content: space-between;}
.gallery-wrap .gall-img > a {height: 168px; display: block; border: 1px solid #ccc;}
.gallery-wrap .gall-img:hover {opacity: .7; transition: .2s;}
.gallery-wrap .gall-img2 {margin-top: 30px;}
.gall-btn { width: 130px; height: 32px; border: 1px solid #999; text-align: center; margin: 30px auto auto auto; }
.gall-btn > a {height: 100%; display: block; font-size: 14px; letter-spacing: -.42px; line-height: 31px;}
.gall-btn:hover {background-color: #4682c5; border: 1px solid #4682c5;}
.gall-btn:hover > a {color: #fff;}

/* notice-wrapper(°øÁö»çÇ×. °í°´¼¾ÅÍ) */
.notice-wrapper {max-width: 1024px; margin: 80px auto 60px auto; display: flex; justify-content: space-between;}
.notice-wrapper .notice-wrap {width: 492px;}
.cont-tits > a {float: right; display: inline-block; padding-top: 7px;}
.noti-conts {margin-top: 20px;}

.notice-wrapper .cs-center {}
.cs-center .cs-tel {margin-top: 20px; font-size: 25px; letter-spacing: -.84px; font-weight: bold; color: #378ef1;}
.cs-center .sub-tel {margin-top:10px; margin-bottom: 0; font-size: 16px; color: #333; letter-spacing: -.48px; font-weight: 600;}
.cs-center .sub-tel > span {color: #666; font-weight: normal;}
.cs-center .cs-text {font-size: 15px; letter-spacing: -.48px; color: #054286; margin-top: 10px;}

/* main-btns(½Ã¹æ¼­, °ßÀû¹®ÀÇÇϱâ, Àλ縻, ¿À½Ã´Â±æ) */
.main-btns {padding-top: 40px; border-top: 1px solid #e3e3e3; max-width: 1024px; margin:0 auto 100px auto; display: flex; justify-content: space-between;}
.main-btns .btns-img {margin-top: 20px;}
.main-btns .btns-img {width: 238px;}
.main-btns .imgs { position: relative;}
.main-btns .imgs .btn-click { width: 130px; height: 32px; background-color: #fff; border-radius: 5px; position: absolute; top:43px; left: 53px;}
.main-btns .imgs .btn-click > a { color: #0066d9; letter-spacing: -.42px; font-size: 14px; display: block; width: 100%; height: 100%; line-height: 30px; text-align: center;}
.main-btns .imgs .btn-click:hover {background-color: #4682c5;}
.main-btns .imgs .btn-click:hover > a {color: #fff;}

/* °øÁö»çÇ× */
span.title, span.data {font-size: 15px;font-family: 'Noto Sans KR', sans-serif; }
span.data {float: right;}


/* ÄÁÅÙÃ÷(Ä«Å×°í¸®¸Þ´º) */
.contents-wrap {width: 210px;}
.contents-wrap .first-tit { padding:16px 0 16px 20px;background-color: #054286; color: #fff; font-weight: bold; font-size: 20px; letter-spacing: -.6px;}
.contents-wrap .contents-tits {border: 1px solid #e3e3e3;}
/* .contents-wrap .sub-small { height: 120px;}
.contents-wrap .sub-small2 { height: 235px;}
.contents-wrap .sub-small3 { height: 135px;} */

.contents-wrap .second-tit { background-color: #f8f8f8; color: #333; font-weight: bold; letter-spacing: -.48px; font-size: 16px; padding: 13px 0 13px 20px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}
.contents-wrap .second-tit.fs{border-top: none;}
.contents-wrap  .contents-sub > a > p {font-size: 13px; color: #888;letter-spacing: -.39px; line-height: 1.92; padding-left: 20px; cursor: pointer; margin: 0 0 5px 0;}
.contents-wrap  .contents-sub > a:hover > p {color: #0066d9;}
.contents-wrap .sub-2 > a > p {margin-top: 4px; margin-bottom: 0;}
.contents-wrap .sub-2 > a:nth-child(1) > p {margin-top: 10px;}
.contents-wrap .sub-2 > a:last-child > p {margin-bottom: 15px;}
.contents-wrap  .contents-sub > a > .fr-m {margin-top:13px; margin-bottom: 5px;} 
.contents-wrap  .contents-sub > a > .sc-m { padding-bottom:13px; margin-top: 0;} 
.contents-wrap  .contents-sub > a > .sc-m1 {margin-top: 13px;}
/* ÄÁÅÙÃ÷¹è³Ê */
.cont-banner {width: 1024px; margin: 40px auto 0 auto;}

/* ÄÁÅÙÃ÷³»¿ë */
.contents-list {width: 793px;}

/* ÄÁÅÙÃ÷ ¸ÞÀΠŸÀÌƲ */
.cont-mtit { color: #333; font-weight: bold; letter-spacing: -.75px; font-size: 25px; padding-bottom: 10px; border-bottom: 1px solid #ccc; clear: both;}
.cont-mtit > img {margin-right: 5px; vertical-align: bottom;}
.cont-mtit > span {font-size: 12px; color: #666; letter-spacing: -.36px; font-weight: normal; float: right; line-height: 43px; padding-top: 5px;}





/* footer-wrap */
.footer-wrap {background-color: #e4e3e3; border-top: 1px solid #ccc; height: 105px;}
.footer-wrap .footer-logo{ padding-top: 10px;} 
.footer-wrap .footer {height:100%; max-width: 1024px; margin: 0 auto;  display: flex; align-items: center; justify-content: space-between;}
.footer-wrap .footer-text > p > span {color: #666; font-size: 13px; letter-spacing: -.42px;line-height: 22px;}
.footer-wrap .footer-text > p > span:not(:nth-child(5)) { padding-right: 8px;}
.footer-wrap .footer-text > p {padding-top: 7px;}