@charset "utf-8";

.sub .objHeading_h3 {padding: 0 0 20px 25px;}

.eQ01 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_26.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_21.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center;}
.eQ09 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ010 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}


/* 총장인사말 */
.presidents-greeting .visual-box { position: relative; height: 454px; margin-bottom: 60px; } 
.presidents-greeting .visual-box::before { content: ""; position: absolute; left: 405px; bottom: 0; width: 700px; height: 154px; background-image: url("../../images/intro-pattern.png"); } 
.presidents-greeting .visual-box::after { content: ""; position: absolute; right: 60px; top: 162px; width: 3px; height: 233px; background-color: #094e94; z-index: 1; } 
.presidents-greeting .visual-box .title-box { position: absolute; left: 0; bottom: 50px; padding: 44px 0; width: 650px; min-height: 160px; background-color: #fff; z-index: 1; } 
.presidents-greeting .visual-box .title-box strong {display: block;font-size: 48px;letter-spacing: -0.025em;color: #000;line-height: 1.4;font-family: "Paper Medium";} 
.presidents-greeting .visual-box .title-box span { color: #094e94; } 
.presidents-greeting .visual-box .title-box em { color: #61ac2a; } 
.presidents-greeting .visual-box .visual-img { position: absolute; left: 200px; top: 0; width: 1400px; height: 300px; background-image: url("../../images/intro-bg01.jpg"); background-size: 1400px 300px; background-position: center; background-repeat: no-repeat; } 
.presidents-greeting .visual-box .visual-img.bg2 {background-image: url("../../images/intro-bg02.jpg");}
.presidents-greeting .visual-box.bg3 {margin-bottom: 0;}
.presidents-greeting .visual-box.bg3 .title-box{width:930px;}
.presidents-greeting .visual-box.bg3::before{display:none;}
.presidents-greeting .visual-box.bg3 .visual-img {background-image: url("../../images/intro-bg03.jpg");}
.presidents-greeting .info {padding-right: 650px;/*padding-right: 450px;*/position:relative;letter-spacing: -0.025em;line-height: 28px;color: #555;font-family: 'Paper Regular';font-size: 18px;} /*20241204 padding-left 450px을 600px로 수정*/
.presidents-greeting .greeting-photo{position: absolute;right: 0;top: -150px;background: url("../../images/logo-mark-intro.png") no-repeat;padding: 0 0 0 160px;background-position: left 90%;}
.presidents-greeting .info > i { display: block; height: 31px; } 
.presidents-greeting .info em { font-size: 22px; color: #000; } 
.presidents-greeting .info span {margin-left: 8px;font-family: "Paper Bold";} 

.presidents-greeting.type1 .info{padding-right:0;}
.presidents-greeting .c-ul{display:flex;gap: 20px;margin-top: 35px;align-items: flex-start;}
.presidents-greeting .c-ul > li{width:100%;text-align: left;padding: 20px 30px; 0;background:#edf4f9 url('../../images/boss-greeding-icon01.png') no-repeat 101% 120%;position:relative;line-height: 1.4;}
.presidents-greeting .c-ul > li strong{font-size: 18px;font-family:'Paper Bold';color:#014292;}
.presidents-greeting .c-ul > li strong i{display:block;}
.presidents-greeting .c-ul > li:nth-child(1):before{content:'';width: 59px;height: 63px;background: no-repeat center;position:absolute;right: -5px;bottom: -5px;}
.presidents-greeting .c-ul > li:nth-child(2){background:#edf9f9 url('../../images/boss-greeding-icon02.png') no-repeat 101% 120%;}
.presidents-greeting .c-ul > li:nth-child(2) strong{color:#0095eb;}
.presidents-greeting .c-ul > li:nth-child(3){background:#eff9ed url('../../images/boss-greeding-icon03.png') no-repeat 101% 120%;}
.presidents-greeting .c-ul > li:nth-child(3) strong{color:#7fbe25;}
.presidents-greeting .info .c-ul span{margin-left:0;font-family: 'Paper Regular';background:url('../../images/intro-edge01.png') no-repeat center;position:absolute;display:block;right:20px;top:-5px;width:53px;height:30px;color:#fff;font-size: 13px;text-align: center;line-height: 2.2;}
.presidents-greeting .info .c-ul > li:nth-child(2) span{background:url('../../images/intro-edge02.png') no-repeat center;}
.presidents-greeting .info .c-ul > li:nth-child(3) span{background:url('../../images/intro-edge03.png') no-repeat center;}

.number-box > ul{display:grid;grid-template-columns: calc(25% - 22.5px) calc(25% - 22.5px) 2fr;margin-bottom:30px;gap: 30px;}
.number-box > ul:nth-child(2){display:grid;grid-template-columns: calc(50% - 15px) 1fr 1fr;}
.number-box > ul li{background:#f4f4f4;padding: 40px;position:relative;}
.number-box > ul li:before{content:'';position:absolute;}
.number-box > ul li strong{font-family:'Paper Bold';font-size:30px;}
.number-box > ul li strong span{font-size:60px;display:inline-block;margin:0 5px;line-height: 1.25;}
.number-box > ul li p{font-family:'Paper Regular';font-size:22px;line-height: 1.45;color: #121212;padding-top: 15px;}
.number-box > ul li p span{display:block;font-size: 18px;margin-top: 3px;}
.number-box > ul li.c1 strong{color:#014292;}
.number-box > ul li.c2 strong{color:#0b294e;}
.number-box > ul li.c3 strong{color:#637088;}
.number-box > ul li.c4 strong{color:#0977bb;}
.number-box > ul li.c5 strong{color:#315cbd;}
.number-box > ul li.c6 strong{color:#0095eb;}
.number-box > ul li.c1::before{background:url('../../images/num-icon01.png') no-repeat center;width:76px;height:88px;right:40px;bottom:50px;}
.number-box > ul li.c2::before{background:url('../../images/num-icon02.png') no-repeat center;width:93px;height:66px;right:40px;bottom:50px;}
.number-box > ul li.c3::before{background:url('../../images/num-icon03.png') no-repeat center;width:107px;height:107px;right:40px;bottom:45px;}
.number-box > ul li.c4::before{background:url('../../images/num-icon04.png') no-repeat center;width:101px;height:102px;right:40px;bottom:45px;}
.number-box > ul li.c5::before{background:url('../../images/num-icon05.png') no-repeat center;width:81px;height:82px;right:30px;bottom:40px;}
.number-box > ul li.c6::before{background:url('../../images/num-icon06.png') no-repeat center;width:84px;height:84px;right:25px;bottom:35px;}

@media (max-width: 1700px){
  .presidents-greeting .c-ul > li{line-height:1.25;padding: 20px;}
  .presidents-greeting .c-ul > li strong{font-size:15px;}
  .presidents-greeting .c-ul{gap:10px;}
}

@media (max-width: 1480px){
  .number-box > ul{}
  .number-box > ul li{padding:30px;}  
  .number-box > ul li:before{transform:scale(0.7);right:10px !important;bottom:10px !important;}
  .number-box > ul li strong{font-size:22px;}
  .number-box > ul li strong span{font-size:48px;}

  .presidents-greeting .c-ul{
	flex-direction: column;
	gap: 15px;
  }
}

@media (max-width: 1300px){
  .presidents-greeting .visual-box .visual-img { left: auto; right: 0; width: 95%; background-size: cover; background-position: top right -250px; } 
  .presidents-greeting .visual-box::before { left: 15%; width: 70%; } 
  .number-box > ul{margin-bottom:20px;}
  .number-box > ul,
  .number-box > ul:nth-child(2){grid-template-columns:1fr 1fr 1fr;gap:20px;}
  .number-box > ul li{padding:20px;}
  .number-box > ul li strong{font-size:20px;}
  .number-box > ul li strong span{font-size:38px;}
}

@media (max-width: 900px){
  .presidents-greeting { background-size: 350px 346px; } 
  .presidents-greeting .visual-box::after { top: 180px; right: 30px; height: 140px; } 
  .presidents-greeting .visual-box .title-box { width: 500px; min-height: 100px; padding: 20px 0; } 
  .presidents-greeting .visual-box.bg3 .title-box{width: 500px;}
  .presidents-greeting .visual-box .title-box strong { font-size: 40px; } 
  .presidents-greeting .visual-box { height: 320px; } 
  .presidents-greeting .visual-box .visual-img {height: 250px;width:100%;background-position: center;} 
  .presidents-greeting .visual-box::before { width: 70%; height: 70px; } 
  .presidents-greeting .greeting-photo{position: relative; top: 0; background-size: 150px; left: 10%; margin-bottom: 30px;}
  .presidents-greeting .info { font-size: 16px; padding-right: 150px; } 
  .presidents-greeting.type1 .c-ul{flex-wrap:wrap;margin-top: 25px;}

  .number-box > ul,
  .number-box > ul:nth-child(2){grid-template-columns:1fr;}
}

@media (max-width: 600px){
  .presidents-greeting { background-size: 280px 277px; } 
  .presidents-greeting .inner{padding:0 !important;}
  .presidents-greeting .visual-box {margin-bottom: 40px;height: 320px;}
  .presidents-greeting .visual-box::after { right: 10px; top: 50px; height: 70px; } 
  .presidents-greeting .visual-box .title-box { width: 100%; min-height: 80px; padding: 14px 0;}
  .presidents-greeting .visual-box .title-box strong {font-size: 28px;line-height:1.2;}
  .presidents-greeting .visual-box::before {left: auto;right: 0;width: 70%;height: 70px;} 
  .presidents-greeting .info { font-size: 16px; padding-right: 0; } 
  .presidents-greeting .greeting-photo{padding-left:70px; left:0;}
  .presidents-greeting.type1 .c-ul > li{line-height:1.4;}
  .presidents-greeting.type1 .c-ul > li strong{font-size: 15px;}
  .presidents-greeting .visual-box.bg3 .title-box{width:100%;}
  .presidents-greeting .visual-box.bg3 .title-box strong{font-size:27px;}

  .number-box > ul li:before{right:0 !important;bottom:0 !important;}
  .number-box > ul li.c1:before{transform:scale(0.65);}
  .number-box > ul li.c2::before{transform:scale(0.6);right:-5px !important;}
  .number-box > ul li.c3::before{transform:scale(0.5);right:-10px !important;bottom:-10px !important;}
  .number-box > ul li.c4::before{transform:scale(0.5);right:-10px !important;bottom:-10px !important;}
  .number-box > ul li.c6::before{transform:scale(0.6);}

  .number-box > ul li p{font-size:18px;}
  .number-box > ul li p span{font-size:14px;}
}

/**기부안내**/
.done-way > ul{background:#ebf2fb;padding:0 50px;}
.done-way > ul > li{padding:50px 0;display:flex;align-items: center;padding-right:50px;}
.done-way > ul > li .icon{width:85px;}
.done-way > ul > li + li{border-top:1px solid #c9daec;}
.done-way > ul > li .con{padding-left:35px;width:calc(100% - 85px);}
.done-way > ul > li .con strong{color:#094e94;font-family:'Paper Medium';font-size:20px;}
.done-way > ul > li .con p{color:#555555;font-family:'Paper Regular';font-size:17px;line-height:1.4;margin-top:5px;}

.done-box{border:1px solid #aaa;padding:50px 100px;}
.done-box > ul{display:flex;justify-content: space-between;}
.done-box > ul > li strong{font-family:'Paper SemiBold';color:#222;font-size:25px;display:block;margin-bottom:10px;}
.done-box > ul > li a{border:1px solid #00a79e;padding:15px 60px 15px 20px;display:inline-block;color:#00a79e;font-family:'Paper Regular';font-size:16px;position:relative;}
.done-box > ul > li a:after{content:'';width:25px;height:25px;background:url('../../images/down-icon.png') no-repeat center;position:absolute;right:18px;}
.done-box > ul > li a + a{margin-left:10px;}
.done-box > ul > li p{font-family:'Paper Regular';color:#222;font-size:22px;}

@media (max-width: 1380px){
  .done-box{padding:25px 50px;}
  .done-box > ul > li strong{font-size:20px;}
  .done-box > ul > li a{display:block;}
  .done-box > ul > li a + a{margin-left:0;margin-top:5px;}
  .done-box > ul > li p{font-size:18px;}
}

@media (max-width: 1023px){
  .done-way > ul{padding:0 35px;}
  .done-way > ul > li{padding:25px 0;}
  .done-box > ul{display:block;}
  .done-box > ul > li + li{margin-top:35px;}
  .done-box > ul > li a{padding:12px 60px 12px 12px;font-size: 14px;}
  .done-box{padding:25px;}
}

@media (max-width: 767px){
  .done-way > ul{padding:0 20px;}
  .done-way > ul > li{display:block;text-align:center;}
  .done-way > ul > li .icon{margin:0 auto;}
  .done-way > ul > li .con{width:auto;padding-top: 10px;padding-left:0;}
  .done-way > ul > li .con strong{text-align:center;margin: 0 auto 15px;display: block;}
  .done-box > ul > li a:after{width:20px;height:20px;background-size:contain;}  
}


/**사업취지**/
.purpose .top{text-align:center;padding-top:10px;padding-bottom:20px;position:relative;height:160px;margin-bottom:80px;}
.purpose .top:before{content:'';width:20px;height:160px;background:url('../../images/purpose-sp-left.png') no-repeat center;position:absolute;left:0;top:0;}
.purpose .top:after{content:'';width:20px;height:160px;background:url('../../images/purpose-sp-right.png') no-repeat center;position:absolute;right:0;top:0;}
.purpose .top strong{display:inline-block;font-size:40px;font-family:'Paper Medium';color:#222;line-height: 1.25;position:relative;padding:0 45px;}
.purpose .top strong:before{content:'';width:29px;height:24px;background:url('../../images/purpose-left-edge.png') no-repeat center;position:absolute;left:0;top:5px;}
.purpose .top strong:after{content:'';width:29px;height:24px;background:url('../../images/purpose-right-edge.png') no-repeat center;position:absolute;right:0;top:5px;}
.purpose .top strong span.clr1{color:#0095eb;font-size:50px;}
.purpose .top strong span.clr2{color:#014292;}
.purpose .top strong span.clr3{color:#014292;}
.purpose .top p{font-size:20px;font-family:'Paper Regular';padding: 0 220px;line-height: 1.55;margin-top: 10px;}

.purpose .bottom > ul > li{display:flex;align-items: center;}
.purpose .bottom > ul > li + li{margin-top:80px;}
.purpose .bottom > ul > li .p-tit{width:300px;font-family:'Paper Bold';font-size:25px;color:#111111;letter-spacing:0;position:relative;padding-bottom: 25px;}
.purpose .bottom > ul > li .p-tit > span{font-family:'Paper Medium';color:#fff;font-size:15px;background: linear-gradient(90deg,rgba(1, 71, 151, 1) 0%, rgba(30, 156, 232, 1) 100%);;display:block;text-align:center;border-radius:20px;width:45px;line-height: 1;padding: 5px 0;margin-left: 23px;letter-spacing:-0.025em;margin-bottom: 3px;}
.purpose .bottom > ul > li .p-tit:before{content:'';width:150px;height:1px;background:#333;position:absolute;left:115px;top: 47px;}
.purpose .bottom > ul > li .p-con{width:calc(100% - 300px);}
.purpose .bottom > ul > li .p-con > ul.ul1{display:flex;gap:20px;}
.purpose .bottom > ul > li .p-con > ul.ul1 > li{border:1px solid #ccc;width:100%;padding:25px 15px;text-align:center;font-family:'Paper Regular';line-height:1.8;}

.purpose .bottom > ul > li .p-con > ul.ul2{display:flex;background:url('../../images/purpose-bg.png') no-repeat center;gap: 55px;height: 400px;align-items: center;position:relative;}
.purpose .bottom > ul > li .p-con > ul.ul2 > li{width:100%;text-align:center;}
.purpose .bottom > ul > li .p-con > ul.ul2 > li strong{display:block;font-size:25px;font-family:'Paper Regular';color:#555;margin-top: 15px;}

@media (max-width: 1680px){
  .purpose .bottom > ul > li .p-con > ul.ul2{background-size:contain;}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li img{transform:scale(0.75);}
}

@media (max-width: 1400px){
  .purpose .bottom > ul > li .p-con > ul.ul1{flex-wrap:wrap;}
  .purpose .bottom > ul > li .p-con > ul.ul1 > li{width:calc(100% / 2 - 10px);}
}

@media (max-width: 1280px){
  .purpose .top{height:130px;}
  .purpose .top p{padding:0 80px;}
  .purpose .top strong{font-size:32px;}
  .purpose .top strong span.clr1{font-size: 38px;}
  .purpose .top:before,
  .purpose .top:after{height:130px;background-size:contain;}
  .purpose .top p{font-size:16px;}
  .purpose .bottom > ul > li .p-tit{width:200px;}
  .purpose .bottom > ul > li .p-con{width:calc(100% - 200px);}
  .purpose .bottom > ul > li .p-tit:before{width:50px;}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li img{transform:scale(0.65);}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li strong{font-size:22px;margin-top:0;}
}

@media (max-width: 1023px){
  .purpose .bottom > ul > li{display:block;}
  .purpose .bottom > ul > li .p-tit{width:auto;font-size: 22px;}
  .purpose .bottom > ul > li .p-tit:before{width: calc(100% - 100px);top: 45px;left: 100px;}  
  .purpose .bottom > ul > li .p-tit > span{margin-left:18px;font-size:12px;}
  .purpose .bottom > ul > li .p-con{width:100%;}
  .purpose .bottom > ul > li .p-con > ul.ul2{height:300px;gap:35px;}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li img{transform:scale(0.55);}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li strong{font-size:18px;margin-top:-10px;}
}

@media (max-width: 767px){
  .purpose .top{height:auto;margin-bottom: 40px;}
  .purpose .top strong{margin:0 auto;width:80%;}
  .purpose .top strong{font-size:24px;padding: 0 30px;}
  .purpose .top strong span.clr1{font-size: 30px;}
  .purpose .bottom > ul > li .p-con > ul.ul1 > li{width:100%;}
  .purpose .bottom > ul > li .p-con > ul.ul2{height:auto;flex-wrap:wrap;background:none;gap: 45px;margin-top: 35px;}
  .purpose .bottom > ul > li .p-con > ul.ul2:before{content:'';width: 560px;height: 555px;background: url('../../images/purpose-bg.png') no-repeat center center;position:absolute;left: 50%;top: 0;transform: rotate(90deg) translate(0, 50%);background-size: contain;}
  .purpose .bottom > ul > li .p-con > ul.ul2 > li strong{margin-top:0;position:relative;top:-15px;font-size:15px;}
  .purpose .top p{font-size:14px;padding:0 40px;}
  .purpose .top:before, .purpose .top:after{height:100%;width:15px;}
  .purpose .top strong:before,
  .purpose .top strong:after{width:20px;background-size:contain;}
}

.emble{display:flex;padding: 50px 0;background:#f7f7f7;margin-bottom:30px;}
.emble .thum{padding:0 120px;max-width:680px;width:100%;display: flex;flex-direction: column;justify-content: center;}
.emble .con{padding: 20px 110px;width:100%;display: flex;flex-direction: column;justify-content: center;border-left: 1px solid #ccc;}
.emble .con p{font-size:20px;color:#555;line-height:2;}
.emble .con p i{display:block;margin:35px 0;}

.colorEx{border:1px solid #ccc;padding:60px 65px;}
.colorEx .bar{height:60px;/**background:linear-gradient(90deg,rgba(17, 83, 161, 1) 0%, rgba(249, 186, 0, 1) 55%, rgba(122, 183, 43, 1) 100%);**/background-image:url('../../images/gradient-bar.png');background-size:100%;}
.colorTxt > ul{display:grid;padding-left:35px;grid-template-columns:40% 35% 25%;position:relative;top:-10px;}
.colorTxt > ul > li{padding-top:60px;border-left:2px solid #000;padding-left:15px;}
.colorTxt > ul span{display:block;font-family:'Paper Bold';}
.colorTxt > ul strong{color:#222;font-family:'Paper Regular';font-size:25px;}
.colorTxt > ul > li:nth-child(1) span{color:#1153a1;}
.colorTxt > ul > li:nth-child(2) span{color:#f2b300;}
.colorTxt > ul > li:nth-child(3) span{color:#7ab72b;}

.talk-icon{margin-top:15px;font-size:18px;color:#404355;font-family:'Paper Regular';padding-left:45px;background:url('../../images/talk-icon.png') no-repeat left 5px;padding:3px 0 3px 45px;text-align: left;}

@media (max-width: 1400px){
  .emble .thum,
  .emble .con{padding:0 50px;}
}

@media (max-width: 1280px){
  .emble{flex-wrap:wrap;gap:50px;padding: 50px;}
  .emble .thum{max-width:480px;padding: 0;}
  .emble .con{border-left:0;border-top:1px solid #ccc;padding:0;padding-top:40px;}  

  .colorEx{padding:35px 30px;}
  .colorTxt > ul{padding-left:25px;}
  .colorTxt > ul strong{font-size:20px;}
}

@media (max-width: 767px){
  .emble{padding:35px;gap: 25px;}
  .emble .con{padding-top:25px;}  
  .emble .con p{font-size:16px;line-height:1.8;}
  .colorEx .bar{height: 30px;}  
  .colorTxt > ul{padding-left: 5px;}
  .colorTxt > ul > li{padding-top:35px;padding-left: 5px;border-width: 1px;line-height: 1;padding-right: 10px;}

  .colorEx{padding:30px 15px;}  
  .colorTxt > ul span{font-size: 9px;}
  .colorTxt > ul strong{font-size: 10px;letter-spacing:-0.025em;line-height: 1.25;}  

  .talk-icon{background-size:20px;padding-left:32px;font-size: 15px !important;background-position: left 7px;}
}

.event{background:url('../../images/event-bg.jpg') no-repeat left top;text-align:center;padding:130px 80px;}
.event .top > span{font-size:28px;font-family:'Papaer Regular';background:#357cff;line-height:1;padding:5px 60px 8px;border-radius:50px;color:#fff;}
.event .top > strong{display:block;margin-top:30px;font-family:'Paper Bold';font-size:50px;color: #111;margin-bottom: 65px;}
.event .top > strong .clr1{color:#009be3;}
.event .top > strong .clr2{color:#004497;}
.event .top > p{color:#555;font-family:'Paper Medium';font-size:22px;margin-bottom:60px;}
.event .top > ul{background:#fff;display:flex;padding:30px 0;}
.event .top > ul > li{width:100%;}
.event .top > ul > li + li{border-left:1px solid #bbb;}
.event .top > ul > li strong{color:#0090d3;font-family:'Paper Bold';font-size:25px;line-height:1.25;}
.event .top > ul > li p{color:#555;font-family:'Paper Regular';font-size:22px;line-height:1.6;margin-top:10px;}

.event .bottom > strong{display:block;margin-top:50px;text-align:left;font-size:32px;font-family:'Paper Bold';color:#222;padding-bottom:25px;}
.event .bottom .eventTable table thead th{background:#293747;color:#fff;font-family:'Paper Regular';font-size:22px;padding:15px 0;border-left:1px solid #eee;}
.event .bottom .eventTable table tbody td{background:#fff;color:#222;font-family:'Paper Regular';padding:15px 0;font-size:18px;border-bottom:1px solid #eee;border-left:1px solid #eee;}
.event .bottom .eventTable table thead th:nth-child(1),
.event .bottom .eventTable table tbody td:nth-child(1){border-left:0;}

.event .bottom .eventTable table .et-col1{width:18%;}
.event .bottom .eventTable table .et-col2{width:20%;}

@media (max-width: 1280px){
  .event{padding:100px 35px;}
  .event .top > span{font-size:22px;}
  .event .top > strong{font-size:38px;margin-bottom: 40px;}
  .event .top > p{font-size:18px;margin-bottom: 40px;}
  .event .top > ul{padding:20px 0;}
  .event .top > ul > li strong{font-size:20px;}
  .event .top > ul > li p{font-size:18px;line-height:1.45;}
  .event .bottom > strong{font-size:28px;padding-bottom:15px;}

  .event .bottom .eventTable table .et-col1{width:25%;}
  .event .bottom .eventTable table .et-col2{width:25%;}
}

@media (max-width: 767px){
  .event{padding:60px 25px;}
  .event .top > span{font-size:16px;padding:3px 25px 5px;}
  .event .top > strong{font-size:28px;line-height:1.35;margin-bottom:25px;margin-top:20px;}
  .event .top > p{font-size: 15px;line-height:1.6;}
  .event .top > ul{flex-wrap:wrap;gap:0;padding:0 25px;}
  .event .top > ul > li{padding: 20px 15px;}
  .event .top > ul > li + li{border-left:0;border-top:1px solid #ccc;}
  .event .top > ul > li strong{font-size:18px;}
  .event .top > ul > li p{font-size:14px;}
  .event .bottom > strong{font-size:24px;margin-top:40px;}
  .event .bottom .eventTable table thead th{font-size:16px;}
  .event .bottom .eventTable table tbody td{font-size:14px;line-height:1.4;}

  .event .bottom .eventTable table .et-col2{width:32%;}
}

.org-graph > .tit{text-align:center;background:url('../../images/org-title-bg.jpg') no-repeat top right;padding:47px 0;font-size:45px;color:#fff;font-family:'Paper Medium';position:relative;line-height:1.25;margin-bottom:60px;}
.org-graph > .tit:after{content:'';background:#faba01;width:100%;height:4px;position:absolute;left:0;bottom:0;}
.org-graph .conts{text-align:center;position:relative;}
.org-graph .conts:before{content:'';width:1px;height: 440px;background:#ddd;position:absolute;left:50%;z-index:-1;}
.org-graph .conts .dep01{background:#0b294e;color:#fff;font-size:20px;padding:25px 0;line-height:1;text-align:center;width:250px;margin:0 auto 20px;}
.org-graph .conts .dep02{background:#014292;color:#fff;font-size:20px;padding:25px 0;line-height:1;text-align:center;width:250px;margin: 0 auto 50px;}
.org-graph .conts .dep03 {display: inline-flex;align-items: center;margin-bottom: 60px;}
.org-graph .conts .dep03 li{padding-right:70px;}
.org-graph .conts .dep03 li:nth-child(even){padding-right:0;padding-left:70px;}
.org-graph .conts .dep03 li p{background:#72b119;color:#fff;font-size:20px;padding:25px 0;line-height:1;text-align:center;width:250px;position:relative;}
.org-graph .conts .dep03 li p + p{margin-top:30px;}
.org-graph .conts .dep03 li p:after{content:'';width:70px;height:1px;background:#ddd;position:absolute;right:-70px;top:50%;margin-top:-1px;}
.org-graph .conts .dep03 li:nth-child(even) p:after{right:unset;left:-70px;}
.org-graph .conts .dep04{display:flex;gap:40px;}
.org-graph .conts .dep04 > li{margin-top:40px;width:100%;border:1px solid #0095eb;position:relative;}
.org-graph .conts .dep04 > li strong{background:#0095eb;color:#fff;display:block;font-family:'Paper Medium';font-size:20px;padding: 22.5px 0;line-height:1.25;}
.org-graph .conts .dep04 > li > ul{padding: 20px 20px 20px 45px;text-align:left;}
.org-graph .conts .dep04 > li > ul > li{position:relative;padding-left: 15px;}
.org-graph .conts .dep04 > li > ul > li:before{content:'';width: 5px;height: 5px;background:#666666;border-radius: 5px;position:absolute;left:0;top: 50%;margin-top:-2.5px;}
.org-graph .conts .dep04 > li > ul > li + li{margin-top:15px;}
.org-graph .conts .dep04 > li:before{content:'';width:1px;height:40px;background:#ddd;position:absolute;left:50%;top:-41px;}
.org-graph .conts .dep04 > li:after{content:'';width:calc(100% + 42px);height:1px;background:#ddd;position:absolute;left:50%;top:-41px;}
.org-graph .conts .dep04 > li:nth-last-child(1):after{display:none;}

@media (max-width: 1023px){
  .org-graph > .tit{font-size:34px;}  
  .org-graph .conts .dep04{gap:20px;flex-wrap:wrap;}
  .org-graph .conts .dep04 > li{width:calc(100% / 2 - 10px);}
  .org-graph .conts .dep04 > li:nth-last-child(3):after{display:none;}  
  .org-graph .conts .dep04 > li:after{width:calc(100% + 22px);}  
  .org-graph .conts .dep04 > li > ul{padding-left:30px;}
}

@media (max-width: 767px){
  .org-graph > .tit{padding: 25px 25px;font-size:24px;line-height: 1.4;}
  .org-graph .conts:before{height:310px;}  
  .org-graph .conts .dep01{width:auto;font-size:16px;padding:15px 0;max-width:200px;}  
  .org-graph .conts .dep02{width:auto;font-size:16px;padding:15px 0;max-width:200px;}
  .org-graph .conts .dep03 li p{font-size:15px;padding:12px 0;max-width:150px;}
  .org-graph .conts .dep03 li{padding-right:20px;}  
  .org-graph .conts .dep03 li:nth-child(even){padding-left:20px;}
  .org-graph .conts .dep03 li p:after{width:20px;right: -20px;}
  .org-graph .conts .dep03 li:nth-child(even) p:after{left:-20px;}
  .org-graph .conts .dep04 {display:block;}
  .org-graph .conts .dep04 > li:after{display:none;}
  .org-graph .conts .dep04 > li strong{width:auto;font-size: 15px;padding: 12px 0;max-width:200px;}
  .org-graph .conts .dep04 > li{width:auto;max-width:200px;margin:0 auto 20px;}
  .org-graph .conts .dep04 > li > ul{padding: 12px 20px;}
  .org-graph .conts .dep04 > li > ul > li{font-size:14px;padding-left:10px;}
  .org-graph .conts .dep04 > li > ul > li:before{width:3px;height:3px;}
  .org-graph .conts .dep04 > li > ul > li + li{margin-top:5px;}
  .org-graph .conts .dep04 > li:before{height:20px;top:-21px;}
}

.jammon{border:1px solid #ddd;text-align:center;padding: 60px 50px 90px;background:url('../../images/org-logo-pc.png') no-repeat center 60px;margin-bottom: 50px;}
.jammon .logo{width: 356px;height: 378px;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;gap: 18px;/**background:url('../../images/org-logo-bg.png') no-repeat center;**/}
.jammon .logo span{font-size:30px;font-family:'Paper Medium';color:#111;display:block;}
.jammon > ul{display:flex;margin-top: 100px;justify-content: center;gap: 76px;}
.jammon > ul > li > div{height: 237px;width: 237px;margin-bottom: 30px;display:flex;flex-direction: column;justify-content: center;align-items: center;color:#fff;font-family:'Paper Gerular';font-size:20px;}
.jammon > ul > li > div > strong{color:#fff;font-family:'Paper Medium';font-size:30px;}

@media (max-width: 1280px){
  .jammon{background-size:767px;background-position: center 35px;padding: 60px 35px 40px;}
  .jammon .logo{width:200px;height:200px;}
  .jammon .logo img{width:140px;}
  .jammon .logo span{font-size:22px;}
  .jammon > ul{gap: 65px;margin-top: 95px;}
  .jammon > ul > li > div{width: 140px;height: 140px;font-size: 15px;}
  .jammon > ul > li > div > strong{font-size:22px;}
  .sub ._objHtml p{font-size:15px;}
}

@media (max-width: 767px){
  .jammon{background:none;padding: 40px 20px 30px;}
  .jammon .logo{background:url('../../images/org-logo-bg.png') no-repeat center;background-size:195px;width:220px;height:220px;gap: 5px;}
  .jammon > ul{margin-top: 10px;flex-wrap: wrap;gap: 0;}
  .jammon > ul > li{margin-bottom: 15px;width: 50%;}
  .jammon > ul > li > div{background:url('../../images/org-cir01.png') no-repeat center;background-size: 120px;width: 120px;height: 120px;margin: 0 auto 20px;}
}

.chujun{border:1px solid #ddd;text-align:center;position:relative;margin-bottom: 50px;}
.chujun-graph{background:url('../../images/org-logo-pc2.png') no-repeat center 155px;padding: 285px 50px;}
.chujun-graph .logo{width:370px;height:370px;margin:0 auto;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.chujun-graph .logo span{display:block;font-size:30px;font-family: 'Paper Medium';color:#333;margin-top:15px;}
.chujun .left-ul{position:absolute;left: 270px;top: 205px;text-align:right;}
.chujun .left-ul li {display:flex;flex-direction:row-reverse;align-items: center;gap: 30px;margin-bottom: 90px;}
.chujun .left-ul li .sj{text-align:center;display:flex;flex-direction:column;width: 130px;gap: 7px;}
.chujun .left-ul li .sj strong{font-family:'Paper Medium';font-size:25px;color:#fff;line-height: 1;}
.chujun .left-ul li .sj span{font-family:'Paper Medium';font-size:18px;color:#fff;line-height: 1;}
.chujun .left-ul li .con strong{font-family:'Paper Regular';font-size:20px;color:#fff;display:block;}
.chujun .left-ul li .con span{font-family:'Paper Regular';font-size:18px;color:#fff;}

.chujun .left-ul li:nth-child(2),
.chujun .left-ul li:nth-child(3){position:relative;right:60px;}

.chujun .right-ul{position:absolute;right: 236px;top: 205px;text-align:left;}
.chujun .right-ul li {display:flex;align-items: center;gap: 30px;margin-bottom: 90px;}
.chujun .right-ul li .sj{text-align:center;display:flex;flex-direction:column;width: 130px;gap: 7px;}
.chujun .right-ul li .sj strong{font-family:'Paper Medium';font-size:25px;color:#fff;line-height: 1;}
.chujun .right-ul li .sj span{font-family:'Paper Medium';font-size:18px;color:#fff;line-height: 1;}
.chujun .right-ul li .con strong{font-family:'Paper Regular';font-size:20px;color:#fff;display:block;}
.chujun .right-ul li .con span{font-family:'Paper Regular';font-size:18px;color:#fff;}

.chujun .right-ul li:nth-child(2),
.chujun .right-ul li:nth-child(3){position:relative;left:60px;}

@media (max-width: 1680px){
  .chujun-graph{background-size:1023px;padding: 225px 25px;}  
  .chujun .left-ul li .sj strong{font-size:20px;}  
  .chujun .left-ul li .sj span{font-size:16px;}
  .chujun .left-ul li .con strong{font-size:16px;}  
  .chujun .left-ul li .con span{font-size:14px;}  
  .chujun .left-ul{left: 50%;margin-left: -445px;top: 195px;}
  .chujun .left-ul li{margin-bottom:63px;gap: 20px;}
  .chujun .left-ul li:nth-child(2), .chujun .left-ul li:nth-child(3){right:45px;}  

  .chujun .right-ul li .sj strong{font-size:20px;}  
  .chujun .right-ul li .sj span{font-size:16px;}
  .chujun .right-ul li .con strong{font-size:16px;}  
  .chujun .right-ul li .con span{font-size:14px;}  
  .chujun .right-ul{right: 50%;margin-right:-425px;top: 195px;}
  .chujun .right-ul li{margin-bottom:63px;gap: 20px;}
  .chujun .right-ul li:nth-child(2), .chujun .right-ul li:nth-child(3){left:45px;}    
  .chujun-graph .logo span{font-size:24px;}
}

@media (max-width: 1280px){
  .chujun-graph{background-size:767px;padding: 100px 25px;background-position:center;}
  .chujun-graph .logo img{width:130px;}
  .chujun-graph .logo span{font-size:20px;margin-top:7px;}
  .chujun .left-ul{margin-left: -337px;top:122px;}  
  .chujun .left-ul li{margin-bottom: 46px;gap: 10px;}  
  .chujun .left-ul li .sj{width:80px;}
  .chujun .left-ul li .sj strong{font-size:17px;}  
  .chujun .left-ul li .sj span{font-size:14px;}
  .chujun .left-ul li .con strong{font-size:14px;line-height: 1.25;}  
  .chujun .left-ul li .con span{font-size:13px;}   
  .chujun .left-ul li:nth-child(2), .chujun .left-ul li:nth-child(3){right:35px;}    

  .chujun .right-ul{margin-right: -318px;top:122px;}  
  .chujun .right-ul li{margin-bottom: 46px;gap: 10px;}  
  .chujun .right-ul li .sj{width:80px;}
  .chujun .right-ul li .sj strong{font-size:17px;}  
  .chujun .right-ul li .sj span{font-size:14px;}
  .chujun .right-ul li .con strong{font-size:14px;line-height: 1.25;}  
  .chujun .right-ul li .con span{font-size:13px;}   
  .chujun .right-ul li:nth-child(2), .chujun .right-ul li:nth-child(3){left:35px;}    
}

@media (max-width: 767px){
  .chujun-graph{padding: 30px 10px;background:none;font-size: 0;}
  .chujun-graph .logo{width:200px;height:200px;background:#fff;border-radius:50%;border:1px solid #eee;}
  .chujun-graph .logo .logo-inner{width:180px;height:180px;background: #eee;border-radius:50%;padding-top: 42px;}
  .chujun .left-ul,
  .chujun .right-ul{position:initial;}
  .chujun .left-ul{width:49%;margin-left: 0;margin-top: 40px;display:inline-block;vertical-align:top;margin-right: 1%;}
  .chujun .left-ul li{margin-bottom:25px;padding: 15px 5px;border-radius:25px;}  
  .chujun .left-ul li:nth-child(1){background:#075f93;}
  .chujun .left-ul li:nth-child(2){background:#37bbeb;right:0;}
  .chujun .left-ul li:nth-child(3){background:#64d1db;right:0;}
  .chujun .left-ul li:nth-child(4){background:#52ab90;}  

  .chujun .right-ul{width:49%;margin-right: 0;margin-top: 40px;display:inline-block;vertical-align:top;margin-left: 1%;}
  .chujun .right-ul li{margin-bottom:25px;padding: 15px 5px;border-radius:25px;}  
  .chujun .right-ul li:nth-child(1){background:#074ea6;}
  .chujun .right-ul li:nth-child(2){background:#1c4b8e;left:0;}
  .chujun .right-ul li:nth-child(3){background:#2b3488;left:0;}
  .chujun .right-ul li:nth-child(4){background:#233854;}    
}

@media (max-width: 520px){
  .chujun .left-ul,
  .chujun .right-ul{width:100%;margin-left:0;margin-right:0;text-align: left;}  
  .chujun .right-ul{margin-top:0;}
  .chujun .left-ul li{flex-direction:initial;}
}


.silmu{text-align:center;margin-bottom:50px;border:1px solid #ddd;padding:110px 50px;}
.silmu-mobile{display:none;}
.silmu-mobile .chujun{border:0;padding:0;}
.silmu-mobile .chujun-graph{padding:0;}
.silmu-mobile .chujun ul{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top:30px;}
.silmu-mobile .chujun ul li{font-size: 14px;border: 3px solid #eee;border-radius: 15px;padding: 5px;}
.silmu-mobile .chujun ul li strong{font-size:17px;}
.silmu-mobile .chujun ul li span{font-size: 11px;display:block;}

.silmu-mobile .chujun ul li:nth-child(1),
.silmu-mobile .chujun ul li:nth-child(2){border-color:#63a7c1;}
.silmu-mobile .chujun ul li:nth-child(3),
.silmu-mobile .chujun ul li:nth-child(4){border-color:#499ccf;}
.silmu-mobile .chujun ul li:nth-child(5),
.silmu-mobile .chujun ul li:nth-child(6){border-color:#6489bf;}
.silmu-mobile .chujun ul li:nth-child(7),
.silmu-mobile .chujun ul li:nth-child(8){border-color:#1553ad;}
.silmu-mobile .chujun ul li:nth-child(9),
.silmu-mobile .chujun ul li:nth-child(10){border-color:#25446b;}
.silmu-mobile .chujun ul li:nth-child(11),
.silmu-mobile .chujun ul li:nth-child(12){border-color:#15213a;}

.silmu-mobile .chujun ul li:nth-child(1) span,
.silmu-mobile .chujun ul li:nth-child(2) span{color:#63a7c1;}
.silmu-mobile .chujun ul li:nth-child(3) span,
.silmu-mobile .chujun ul li:nth-child(4) span{color:#499ccf;}
.silmu-mobile .chujun ul li:nth-child(5) span,
.silmu-mobile .chujun ul li:nth-child(6) span{color:#6489bf;}
.silmu-mobile .chujun ul li:nth-child(7) span,
.silmu-mobile .chujun ul li:nth-child(8) span{color:#1553ad;}
.silmu-mobile .chujun ul li:nth-child(9) span,
.silmu-mobile .chujun ul li:nth-child(10) span{color:#25446b;}
.silmu-mobile .chujun ul li:nth-child(11) span,
.silmu-mobile .chujun ul li:nth-child(12) span{color:#15213a;}


@media (max-width: 767px){
  .silmu{padding:35px 20px;}
  .silmu-pc{display:none;}
  .silmu-mobile{display:block;}
}

.grid-ul{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.grid-ul > li{background:#f5f5f5;}
.bun-inro .t-title{background:#0095eb;position:relative;padding: 25px 30px 24px;line-height: 1;}
.bun-inro .t-title strong{font-family:'Paper Medium';font-size:30px;color:#fff;line-height: 1;}
.bun-inro .t-title ul{display:flex;gap:20px;position:absolute;right:30px;top: 31px;}
.bun-inro .t-title ul > li{font-family:'Paper Medium';font-size:16px;color:#fff;}
.bun-inro .t-con{padding:30px 30px 40px;}
.bun-inro .t-con > ul{margin-bottom:20px;}
.bun-inro .t-con > ul > li{position:relative;padding-left:25px;margin-bottom:10px;}
.bun-inro .t-con > ul > li > span{font-size:10px;font-family:'Paper Bold';color:#111;background:#fcaf17;width:18px;height:18px;display:block;border-radius:50%;text-align:center;padding-top:4px;line-height:1;position:absolute;left:0;top:3px;}

.t-table thead th{background:#293747;color:#fff;font-size:16px;padding:12px 10px;line-height:1.25;font-family:'Paper Light';font-weight:normal;border-left:1px solid #fff;}
.t-table tbody td{background:#fff;color:#333;font-size:16px;padding:12px 10px;line-height:1.25;font-family:'Paper Regular';font-weight:normal;border-left:1px solid #ccc;}
.t-table tbody tr:nth-child(1) td{padding-top:20px;}
.t-table thead tr th:nth-child(1),
.t-table tbody tr td:nth-child(1){border-left:0;}

@media (max-width: 1280px){
  .grid-ul{grid-template-columns:1fr;}
}

@media (max-width: 767px){
  .grid-ul{display:block;}  
  .bun-inro .t-title{padding:15px;}
  .bun-inro .t-title strong{font-size:20px;}
  .bun-inro .t-title ul{position:initial;margin-top:10px;gap:5px;}
  .bun-inro .t-title ul > li{font-size:12px;}
  .bun-inro .t-con{padding: 25px 20px;}
  .bun-inro .t-con > ul > li{font-size:15px;line-height:1.55;}

  .t-table{overflow-x: scroll;max-width: 100%;position: relative;}
  .t-table table{width:860px;}
  .t-table::after{content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(31,59,101,0.4) url('/sites/style_guide/images/common/img_mobile_text.png') no-repeat center 40px;}
  .t-table.on::after{display:none;}
}

@media (max-width: 520px){
  .t-table table{width:600px;}
}

/**연혁**/
.history-fnct .hist-box .title h1{font-family:'Paper Medium';}
.history-fnct .hist-con > strong{font-family:'Paper Regular';}
.history-fnct .hist-con .txt1{font-family:'Paper Light';}
.history-fnct .hist-con .txt1 > strong{font-family:'Paper Medium';}

@media all and (max-width:600px) {
  .history-fnct .hist-con .txt1{width:100%;}
}


/**사업소개**/
.con-wrap {display: flex; gap: 20px; overflow: hidden;}
.con-tit {width: 30%; max-width: 300px; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
.con-tit h2 {font-family: 'Paper Bold'; font-size: 24px; letter-spacing: -0.02rem; color: #FFF;}

.item-group {display: flex; flex-direction: column; width: 70%; gap: 10px;}
.item {letter-spacing: -0.02rem; border: 1px solid; border-radius: 8px; padding: 8px 12px;}
.sub ._objHtml p.item {font-family: 'Paper SemiBold'; color: #333;}
.item-group.column2 {flex-direction: row; flex-wrap: wrap;}
.item-group.column2 .item {flex: 0 0 calc(50% - 5px); box-sizing: border-box;}

.color1 .con-tit {background: #007BE2;}
.color1 .item {background: rgba(1,113,189,.3); border-color: #0171BD;}
.color2 .con-tit {background: #7FBE25;}
.color2 .item {background: rgba(127,190,37,.3); border-color: #7FBE25;}
.color3 .con-tit {background: #BFBFBF;}
.color3 .item {background: rgba(191,191,191,.3); border-color: #BFBFBF;}
.color4 .con-tit {background: #FFC000;}
.color4 .item {background: rgba(255,192,0,.3); border-color: #FFC000;}

.sub .table-wrap {display: flex; align-items: stretch;}
.sub .table-wrap .table_1 {flex: 1;}
.sub .table-wrap .table_1:last-child {border-left: 1px solid #666;}
.sub .table-wrap .table_1 table {height: 100%; margin-left: 0;}

@media (max-width: 767px){
  .sub .table-wrap {flex-direction: column;}
  .sub .table-wrap .table_1:last-child {border-left: 0;}
}