/* common */
#cont { width: 1100px; margin: 0 auto; overflow: hidden; padding: 69px 0px 116px; min-height: 200px; box-sizing: border-box;}

/* subVisual */
.subVisual { width: 100%; height: 150px; background-size: cover; text-align: center; padding-top: 74px;}
.subVisual h2 { font-family: 'Nanum Barun Gothic', sans-serif; font-size: 50px; line-height: 52px; color: #000;  animation:vsTit 1s .5s; animation-fill-mode:forwards; opacity: 0; }
.subVisual h2 span { display: block; font-family: 'Nanum Square'; font-weight: bold; font-size: 15px; line-height: 25px; color: #000; margin-bottom: 12px;}

.subVisual1 { background: url(/img/sub/subVisual.jpg) no-repeat center;}
.subVisual2 { background: url(/img/sub/subVisual2.jpg) no-repeat center;}
.subVisual3 { background: url(/img/sub/subVisual3.jpg) no-repeat center;}
.subVisual4 { background: url(/img/sub/subVisual4.jpg) no-repeat center;}

@keyframes vsTit {
	0% { margin-top: 100px; opacity:0; }
	100% { margin-top: 0; opacity:1; }
}

/* lnb */
.lnbW {width: 100%; height: 54px; border: 1px solid #ddd; box-sizing: border-box; font-family: 'Nanum Square';}
.lnb { width: 1100px; margin: 0 auto; height: 54px;}
.lnb > ul { height: 54px;width: 100%;}
.lnb > ul > li { float: left; width: 216px; border-right: 1px solid #ddd; box-sizing: border-box; /* background: url(/img/sub/arrow3.gif) no-repeat right 13px center;*/ position: relative; font-size: 16px;}
.lnb > ul > li.home { width: 54px; height: 52px; background: #1a4385 url(/img/sub/icon_home.gif) no-repeat center; border-right: 0;}
.lnb > ul > li.home a { overflow: hidden; text-indent:-9999em; }
.lnb > ul > li > a,
.lnb > ul > li > span { display: block; line-height: 52px; color: #333; padding-left: 21px;}

.lnb_two { display: none; position: absolute; overflow: hidden; top: 52px; left: -1px; width: 100%; border: 1px solid #ddd; border-bottom: 0; background: #fff; z-index: 99;}
.lnb_two li { height: 53px; border-bottom: 1px solid #ddd; font-size: 16px;}
.lnb_two li a { display: block; line-height: 52px; color: #666; padding-left: 21px;}
.lnb_two li:hover a, .lnb_two li.on a { color: #333; background: #f7f7f7;}

/********************* ȸ»ç¼Ò°³ *********************/
/* Àλ縻 */
.greeting { position: relative; background: url(/img/sub/img_greeting2.jpg) no-repeat right 100px top 80px;}
.greeting h3 { font-family: 'Nanum Square'; font-size: 28px; line-height: 55px; color: #8b8c8c; margin-bottom: 39px;}
.greeting h3 span { font-weight: bold; font-size: 42px; line-height: 51px; color: #284169; display: block;}
.greeting p { font-size: 15px; line-height: 28px; color: #707070; margin-bottom: 28px;}
.greeting p.sign { position: absolute; top: 570px; right: 98px; font-weight: bold; font-size: 20px; line-height: 24px; color: #333;}
.greeting p.sign span { font-size: 15px; line-height: 39px; color: #646464; /*display: block; */ margin-right:10px;}


/* ¿À½Ã´Â±æ */
.mapCon p.maptit{font-family: 'Nanum Square'; font-size: 28px; font-weight:700;line-height:100%; text-align:center; color:#1a4385; border:1px solid #d7d7d7; border-width:1px 1px 0 1px; padding:35px 0;}
.mapCon p.maptit span{color:#333;}
.mapAdd {border:1px solid #d7d7d7;padding:15px 0;padding-left:200px;}
.mapAdd dl{font-size:14px;overflow:hidden;}
.mapAdd dl>dt{float:left;font-weight:bold;color:#333;}
.mapAdd dl>dt:after{content:"|";font-size:13px;color:#d7d7d7;margin:0 8px;}
.mapAdd dl>dd{float:left;margin-right:30px;}

/* °¡Á·È¸»ç */
.famCon ul {overflow:hidden;}
.famCon ul li{float:left;width:258px;margin-right:19px;margin-bottom:19px;border:1px solid #d7d7d7;text-align:center;}
.famCon ul li:nth-child(4n){margin-right:0px}
.famCon ul li > p {margin:20px 0;}
.famCon ul li > dl{font-family: 'Nanum Square';background:#f5f5f5;padding:15px 0;}
.famCon ul li > dl > dt{font-size:15px;color:#1a4385;font-weight:700;line-height:23px;margin-bottom:4px;}
.famCon ul li > dl > dd{font-size:14px;}


/* »ç¾÷ºÐ¾ß */

.bsCon h3 { font-family: 'Nanum Square'; font-size: 28px; line-height: 55px; color: #8b8c8c; margin-bottom: 39px; text-transform:uppercase;letter-spacing:-.25px;}
.bsCon h3 span { font-weight: bold; font-size: 42px; line-height: 51px; color: #284169; display: block;}
.bsCon > p { font-size: 15px; line-height: 28px; color: #707070; margin: 35px 0;}

.bsCon.bs1{background:url(/img/sub/bg_bs1.jpg) no-repeat right top 90px;}
.bsCon.bs2{background:url(/img/sub/bg_bs2.jpg) no-repeat left top 80px;text-align:right;height:680px;}
.bsCon.bs3{background:url(/img/sub/bg_bs3.jpg) no-repeat right top 80px;}
.bsCon.bs3 > p.bstit{font-size:16px;font-weight:700;color:#1a4385}
.bsCon.bs3 > p > b{color:#333}
.bsCon.bs4{background:url(/img/sub/bg_bs4.jpg) no-repeat left top 80px;text-align:right;height:550px;}
.bsCon.bs4 > a{display:inline-block;font-family: 'Nanum Square';font-weight:700;color:#fff;width:195px;height:40px;text-align:left;line-height:40px;padding-left:20px;background:#1a4385 url(/img/sub/bullet_bs4.jpg) no-repeat right 20px top 50%;border-radius:5px}

/* tabs */
.tabs { height: 59px; margin-bottom:0px;}
.tabs li { float: left; border-left: 0; font-weight: 300; font-size: 16px; text-align: center; position: relative; line-height: 58px; height: 58px; color: #4b4b4b; border: 1px solid #c4c4c4; border-left: 0; box-sizing: border-box; cursor: pointer;}
.tabs li:first-child { border-left: 1px solid #c4c4c4;}
.tabs li.active:before { content: ""; display: block; width: 14px; height: 9px; position: absolute; bottom: -9px; left: 50%; margin-left: -7px; background: url(/img/sub/bg_tabs1.gif) no-repeat 0;}
.tabs li.active, .tabs li:hover { font-weight: 500; line-height: 58px; color: #fff; border: 1px solid #1a4385; border-right-color: #c4c4c4; background: #1a4385;}
.tabs li:last-child.active, .tabs li:last-child:hover { border-right-color: #1a4385;}
.tabs li a { display: block; height: 100%; line-height: 58px; color: #4b4b4b;}
.tabs li:hover a, .tabs li.active a { color: #fff;}

.m1 li { width: 50%;}
.m2 li { width: 25%;}

/* 20201020 Ãß°¡ css */
.famCon .table_box table{border-top:1px solid #ccc;}
.famCon .table_box table thead tr{border-bottom:1px solid #ccc;}
.famCon .table_box table thead tr th{padding:15px 10px; font-size:16px; font-weight:400; color:#333; line-height:1; background-color:#f5f5f5;}
.famCon .table_box table tbody tr th.t_center{text-align:center;}
.famCon .table_box table tbody tr th.t_left{text-align:left;}
.famCon .table_box table tbody tr th.t_right{text-align:right;}
.famCon .table_box table tbody tr{border-bottom:1px solid #ccc;}
.famCon .table_box table tbody tr td{padding:10px; font-size:15px; font-weight:400; color:#333; text-align:left; line-height:1.4em; word-break:keep-all; letter-spacing:-0.05em;}
.famCon .table_box table tbody tr td.t_center{text-align:center;}
.famCon .table_box table tbody tr td.t_left{text-align:left;}
.famCon .table_box table tbody tr td.t_right{text-align:right;}

/* 20230622 Ãß°¡ */
.w1100{ max-width: 1100px; width: 100%; margin: 0 auto; }

/* 20230622 [°¡Á·È¸»ç - ½ÇÀû] */
#list{ padding: 80px 0 30px; }
#list .result-list{ display: flex; flex-wrap: wrap; margin-bottom: 10px; }
#list .result-list li{ width: calc((100% - 45px) / 2); margin-right: 45px; margin-bottom: 55px; }
#list .result-list li:nth-of-type(2n){ margin-right: 0; }
#list .result-list li .image{ padding: 10px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #ddd; }
#list .result-list li figure{ width: 100%; display: inline-block; margin: 0; position: relative; overflow: hidden; padding-bottom: 61%; margin-bottom: -8px; }
#list .result-list li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#list .result-list li .text{ padding-top: 15px; }
#list .result-list li .text p:first-of-type{ margin-bottom: 3px; }
#list .result-list li .text p{ font-size: 15px; font-weight: 400; color: #666; }

#list table{ margin-bottom: 80px; }
#list table th, #list table tr:first-of-type{ border-top: 1px solid #ccc; }
#list table th, #list table tr{ border-bottom: 1px solid #ccc; } 
#list table th, #list table td{ font-size: 15px; font-weight: 400; color: #333; padding: 25px 10px; box-sizing: border-box; text-align: left; }
#list table thead th{ background: #f5f5f5; }


/* 20230622 [Áֿ俬Çõ] */
#history{ padding: 70px 0 50px; }
#history > div{ background: url("/img/sub/symbol.png") no-repeat top right / auto; position: relative; }
#history > div::before{ content: ""; width: 3px; height: 3px; background: #03539F; border-radius: 50%; position: absolute; top: 0; left: 188px; }
#history .scroll{ height: 590px; overflow-y: scroll; }
#history .scroll::-webkit-scrollbar{ display: none; }
#history .flex-box{ display: flex; }
#history .year{ width: 190px; border-right: 1px solid #DFDFDF; }
#history .year span{ font-family: 'Noto Sans KR', sans-serif; font-size: 50px; font-weight: 700; color: #222; letter-spacing: -0.02em; line-height: 1.3; }
#history .history{ width: calc(100% - 190px); padding-top: 15px; padding-left: 75px; box-sizing: border-box; position: relative; }
#history section:not(:last-of-type) .history{ padding-bottom: 105px; }
#history section:last-of-type .history{ padding-bottom: 85px; }
#history .history dl{ display: flex; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; font-weight: 300; color: #666; letter-spacing: -0.02em; }
#history .history dl:not(:last-of-type){ padding-bottom: 30px; }
#history .history dl dt{ /* width: 105px; */ width: 70px; font-weight: 700; }
#history .history dl dd{ /* width: calc(100% - 105px); */ width: calc(100% - 70px); line-height: 1.6; margin-top: -4px; }

/* 20230622 [ÀÎÁõÇöȲ] */
#certify{ padding: 80px 0 125px; }
#certify .certify-list{ display: flex; flex-wrap: wrap; margin-bottom: -55px; }
#certify .certify-list li{ width: calc((100% - 195px) / 4); margin-right: 65px; margin-bottom: 55px; cursor: pointer: }
#certify .certify-list li:nth-of-type(4n){ margin-right: 0; }
#certify .certify-list li .image{ padding: 10px; background: #f8f8f8; border: 1px solid #ddd; }
#certify .certify-list li figure{ display: inline-block; margin: 0; width: 100%; position: relative; overflow: hidden; padding-bottom: 150%; margin-bottom: -7px; }
#certify .certify-list li figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#certify .certify-list li p{ font-size: 15px; font-weight: 500; color: #666; text-align: center; margin-top: 20px; }


/* 20230622 [ÀÎÁõÇöȲ Æ˾÷] */
#popup{  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 300; display: none; }
#popup .blank{ min-width: 1100px; width: 100%; height: 100%; }
#popup .popup{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 95px; }
#popup .popup .img-wrap{ max-width: 381px; width: 100%; }
#popup .popup .img-wrap .slick-list{ margin-right: -20px; }
#popup .popup .img{ margin-right: 20px; }
#popup .popup .img .box{ padding: 10px; background: #f8f8f8; border: 1px solid #ddd; }
#popup .popup .img figure{ width: 100%; display: inline-block; margin: 0; position: relative; overflow: hidden; padding-bottom: 150%; margin-bottom: -7px; }
#popup .popup .img figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#popup .popup .img p{ font-size: 24px; font-weight: 500; color: #fff; text-align: center; margin-top: 25px; line-height: 1.3; }
#popup .popup .button button{ background: none; border: none; position: absolute; top: calc(50% - 55px); transform: translateY(-50%); cursor: pointer; }
#popup .popup .button button.prev{ left: 0; }
#popup .popup .button button.next{ right: 0; }


/* 20230703 »ç¾÷ºÐ¾ß ¹öÆ° */
.center{ padding-top: 20px; }
.bs2 .center{ padding-top: 140px; }
.center a{ display: flex; justify-content: center; align-items: center; width: 275px; height: 60px; font-size: 16px; font-weight: 600; color: #fff; background: #1A4385; border: 1px solid #D7D7D7; margin: 0 auto; }



/* 2023.07.28 */
.family-box { position: relative; min-height:400px; }
.family-box * { box-sizing:border-box; }
.family-box > ul { display:flex; flex-wrap:wrap; gap:50px 88px; }
.family-box > ul > li { width:calc((100% - 88px) / 2); cursor:pointer; }
.family-box > ul > li .boxCont .box { width:100%; height:320px; border:2px solid #eaeaea; display:flex; justify-content:center; align-items:center; }
.family-box > ul > li .boxCont .txtbox { padding:18px 0 0 16px; }
.family-box > ul > li .boxCont .txtbox dt { color:#1a4385; font-size:15px; font-weight:700; }
.family-box > ul > li .boxCont .txtbox dd { margin-top:8px; color:#666; font-size:14px; font-weight:400; }

.family-box > ul > li .overbox { display:none; position:absolute; top:0; left:0; width:1100px; }
.family-box > ul > li .overbox.on { display:block; }
.family-box > ul > li .overbox .title { color:#222; font-size:30px; font-weight:700; position:relative; z-index:5 }
.family-box > ul > li .overbox .box { position:relative; z-index:5; display:flex; align-items:center; margin-top:25px; border:2px solid #eaeaea; background:#fff url(/img/sub/btn_c.png) no-repeat top right; }
.family-box > ul > li .overbox .logo-box { width:400px; height:360px; display:flex; justify-content:center; align-items:center; background:#f6f6f6; }
.family-box > ul > li .overbox .txtbox { width:calc(100% - 400px); height:100%; display:flex; align-items:center; }
.family-box > ul > li .overbox .txtbox ul { padding-left:70px; }
.family-box > ul > li .overbox .txtbox li:not(:last-child) { margin-bottom:15px; }
.family-box > ul > li .overbox .txtbox li { display:flex; }
.family-box > ul > li .overbox .txtbox li strong { width:120px; color:#222; font-size:15px; font-weight:700; }
.family-box > ul > li .overbox .txtbox li span { width:calc(100% - 120px); color:#666; font-size:15px; font-weight:400; line-height:1.6 }
.family-box .bg { display:none; background:#fff; position:absolute; top:-5%; left:0; width:100%; height:150%; z-index:2; }
.family-box.on .bg { display:block; }
.family-box.on .boxCont { display:none }