.body-sub,
.subContents,
.contents { margin: 0 auto; }

/* 공통 */
.contents { margin-top: 50px; position: relative; line-height: 30px; padding-bottom: 130px; font-size: 19px; color: #494949; }
.clearfix:before,
.clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }

/* 인사말 */
.cts0101 .greeting_top { margin-bottom: 50px; padding-bottom: 53px; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; }
.cts0101 .greeting_top .deco { position: absolute; top: 0; right: 0; }
.cts0101 .greeting_top p { font-size: 27px; color: #292929; line-height: 45px; font-weight: 600; margin-top: 17px; }
.cts0101 .greeting_top span { font-size: 35px; font-weight: 800; }
.cts0101 .greeting_cont { display: flex; }
.cts0101 .greeting_cont p { font-size: 20px; line-height: 30px; color: #494949; margin-top: 55px; margin-left: 30px; }
.greet-sign { display: flex; flex-direction: column; align-items: flex-start; }
.cts0101 .sign p { font-size: 22px; color: #353535; font-weight: 700; }
.cts0101 .sign img { margin-left: 27px; }

@media all and (max-width: 1000px){
 .cts0101 .greeting_top { margin-bottom: 40px; padding-bottom: 40px; }
 .cts0101 .greeting_top .deco { display: none; }
 .cts0101 .greeting_top span { font-size: 30px; }
 }
@media (max-width: 768px){
 .cts0101 .greeting_cont { flex-direction: column; align-items: center; }
 .cts0101 .greeting_cont p { margin-left: 0; }
 }
@media all and (max-width: 640px){
 .cts0101 .greeting_top { margin-bottom: 20px; padding-bottom: 20px; }
 .cts0101 .greeting_top p { font-size: 17px; line-height: 30px; }
 .cts0101 .greeting_top span { font-size: 20px; font-weight: 700; }
 .cts0101 .sign p { font-size: 18px; }
 .cts0101 .sign img { margin-left: 20px; }
 }

/*비전 및 전략*/
.cts0102 .vision_box { display: block; position: relative; border: 1px solid #e3e6e9; border-radius: 20px; font-size: 0; line-height: 0; text-align: center; }
.cts0102 .vision_box .vision_box_title { position: absolute; top: -9px; left: 0; right: 0; width: 410px; margin: 0 auto; background-color: #fff; font-size: 28px; line-height: 30px; letter-spacing: -0.04em; font-weight: 600; color: #222; }
.cts0102 .vision_box .vision_box_title:after,
.cts0102 .vision_box .vision_box_title:before { content: ""; display: inline-block; position: absolute; left: -12px; top: -12px; bottom: 0; width: 12px; height: 12px; margin: auto 0; border-radius: 50%; background-color: #ffac6f; }
.cts0102 .vision_box .vision_box_title:after { left: auto; right: -10px; }
.cts0102 .vision .vision_box .vision_box_subtitle { position: relative; margin-top: 70px; margin-bottom: 50px; padding-top: 78px; font-size: 35px; line-height: 50px; color: #434343; font-weight: 600; text-align: center; }
.cts0102 .vision .vision_box .vision_box_subtitle:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; width: 55px; height: 39px; margin: 0 auto; background: url("../images/contents/cts0102_vision_icon.png") no-repeat; }
.cts0102 .vision .vision_box .vision_box_subtitle:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 27px; background: #ffba87; z-index: -1; }
.cts0102 .vision .vision_box .vision_box_subtitle.tit_none:before { content: none; }
.cts0102 .vision .vision_box .vision_box_subtitle.tit_none:after { content: none; }
.cts0102 .vision .vision_box .vision_box_subtitle.tit_none { margin-top: 0; padding-top: 0; }
.cts0102 .vision .vision_box .vision_box_subtitle span { font-size: 27px; font-weight: 600; color: #bcbcbc; }
.cts0102 .vision .vision_box .vision_list_wrap { display: inline-block; margin-top: 50px; margin-bottom: 100px; }
.cts0102 .vision .vision_box .vision_list_wrap li { display: inline-block; position: relative; }
.cts0102 .vision .vision_box .vision_list_wrap li + li { margin-left: 19px; }
.cts0102 .vision .vision_box .vision_list_wrap li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/contents/cts0102_vision_bg.png") no-repeat; background-size: contain; }
.cts0102 .vision .vision_box .vision_list_wrap li:nth-child(2):before { transform: rotate(46deg); }
.cts0102 .vision .vision_box .vision_list_wrap li:nth-child(3):before { transform: rotate(90deg); }
.cts0102 .vision .vision_box .vision_list_wrap li:nth-child(4):before { transform: rotate(134deg); }
.cts0102 .vision .vision_box .vision_list_wrap li:nth-child(5):before { transform: rotate(180deg); }
.cts0102 .vision .vision_box .vision_list_wrap .vision_list { display: table-cell; position: relative; width: 200px; height: 200px; vertical-align: middle; font-size: 23px; color: #ff7611; font-weight: 600; }
.cts0102 .vision .vision_box .vision_list_wrap li:nth-child(2n) .vision_list { color: #5b67be; }
.cts0102 .vision .vision_box .vision_item_wrap { display: block; padding: 60px 35px; }
.cts0102 .vision .vision_box .vision_item_wrap .vision_item { display: inline-block; width: calc((100% - 40px) / 3); margin-right: 20px; border-radius: 30px; background-color: #fff9f4; vertical-align: top; border: 1px solid #e3e3e3; min-height: 330px; }
.cts0102 .vision .vision_box .vision_item_wrap .vision_item:nth-child(3) { margin-right: 0; }

.cts0102 .vision .vision_box .vision_item_wrap .vision_item .vision_item_title { display: table; width: 100%; border-radius: 30px 30px 0 0; background-color: #ffa360; font-size: 22px; line-height: 20px; letter-spacing: 0; color: #fff; font-weight: 500; }
.cts0102
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { display: table-cell; height: 90px; vertical-align: middle; }
.cts0102 .vision .vision_box .vision_item_wrap .vision_item ul { min-height: 154px; padding: 20px 0 0 40px; }
.cts0102 .vision .vision_box .vision_item_wrap .vision_item ul li { margin-bottom: 12px; }
.cts0102 .vision .vision_box .vision_box_subtitle .text_purple { color: #9e44db; font-size: 38px; }
.cts0102 .vision .vision_box .vision_box_subtitle .text_black { color: #222; font-size: 38px; }

@media all and (max-width: 1400px){
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item { min-height: 380px; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item .vision_item_title { font-size: 20px; line-height: 1.3; padding: 0 5px; }
 }

@media all and (max-width: 1260px){
 .cts0102 .vision .vision_box .vision_box_subtitle:after { width: 70%; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item { min-height: initial; margin-bottom: 30px; width: 100%; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item ul { margin-bottom: 30px; }
 }

@media all and (max-width: 1000px){
 .cts0102 .vision .vision_box .vision_box_subtitle { color: #ff7611; }
 .cts0102 .vision .vision_box .vision_box_subtitle:after { display: none; }
 .cts0102 .vision .vision_box .vision_list_wrap .vision_list { width: 160px; height: 160px; font-size: 20px; }
 }
@media all and (max-width: 786px){
 .cts0102 .vision .vision_box .vision_list_wrap .vision_list { width: 120px; height: 120px; font-size: 18px; }
 }

@media all and (max-width: 640px){
 .cts0102 .vision_box { padding: 0 20px; }
 .cts0102 .vision_box .vision_box_title { font-size: 19px; line-height: 24px; width: 300px; }
 .cts0102 .vision .vision_box .vision_box_subtitle .text_purple { color: #9e44db; font-size: 30px; }
 .cts0102 .vision .vision_box .vision_box_subtitle .text_black { color: #222; font-size: 30px; }
 .cts0102 .vision_box .vision_box_title:after,
 .cts0102 .vision_box .vision_box_title:before { top: 0; }
 .cts0102 .vision .vision_box .vision_box_subtitle { font-size: 30px; line-height: 43px; margin-bottom: 85px; }
 .cts0102 .vision .vision_box .vision_box_subtitle:before { transform: scale(0.8); }
 .cts0102 .vision .vision_box .vision_box_subtitle span { font-size: 24px; }
 .cts0102 .vision .vision_box .vision_list_wrap .vision_list { width: 180px; height: 180px; font-size: 20px; }
 .cts0102 .vision .vision_box .vision_list_wrap li + li { margin-top: 20px; }

 .cts0102 .vision .vision_box .vision_item_wrap { padding: 50px 20px; }
 .cts0102
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title { font-size: 20px; line-height: 25px; }
 .cts0102
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { height: 120px; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item ul { padding: 30px 40px; margin: 0; }

 .bu > li:before, .num > li > ul.bu > li:before, p.blt:before { top: 15px; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item .vision_item_title span { height: auto; padding: 20px; }
 }

@media all and (max-width: 505px){
 .cts0102 .vision .vision_box .vision_box_subtitle { font-size: 25px; line-height: 38px; margin-bottom: 50px; }
 .cts0102 .vision .vision_box .vision_box_subtitle .text_purple { color: #9e44db; font-size: 25px; }
 .cts0102 .vision .vision_box .vision_box_subtitle .text_black { color: #222; font-size: 25px; }
 .cts0102 .vision .vision_box .vision_box_subtitle span { font-size: 20px; }
 .cts0102 .vision .vision_box .vision_list_wrap li + li { margin-left: 0; }
 .cts0102 .vision .vision_box .vision_list_wrap li { margin-right: 5px; margin-bottom: 5px; }
 .cts0102 .vision .vision_box .vision_item_wrap .vision_item ul { padding: 20px 20px; }
 }

/*역대 대표이사*/
.cts0101_03 .ceo_history_wrap { display: flex; }
.cts0101_03 .ceo_cont { margin-left: 120px; }
.cts0101_03 .ceo_cont .ceo_tit { font-size: 20px; color: #783809; margin-bottom: 40px; font-weight: 600; }
.cts0101_03 .ceo_cont .ceo_tit .big { font-size: 23px; font-weight: 700; }
.cts0101_03 .ceo_cont .ceo_sub_tit { font-size: 20px; color: #414141; font-weight: 600; position: relative; display: block; margin-bottom: 30px; }
.cts0101_03 .ceo_cont .ceo_sub_tit::before { content: ""; position: absolute; top: -10px; left: 0; width: 41px; height: 2px; background: #ff7611; }

@media all and (max-width: 850px){
 .cts0101_03 .ceo_history_wrap { display: block; }
 .cts0101_03 .ceo_history_wrap .ceo_img { text-align: center; }
 .cts0101_03 .ceo_cont { margin-left: 0; margin-top: 20px; }
 }

/*조직 및 업무*/
.cts0104 .org_wrap { margin: 0 auto; max-width: 970px; background: url('../images/contents/cts0104_org_wrap_bg.png?v250513001') no-repeat center; }
.cts0104 .org_wrap .org_leader { width: 159px; height: 159px; background: url(../images/contents/cts0104_org_leader_bg.png) center center; margin: 0 auto 41px; position: relative; }
.cts0104 .org_wrap .org_leader::before { content: ""; position: absolute; left: 52%; bottom: -3px; transform: translateX(-50%); width: 9px; height: 9px; border-radius: 100%; background: #ff7611; }
.cts0104 .org_wrap .org_leader span { display: block; padding-top: 53px; color: #fff; font-size: 18px; line-height: 25px; font-weight: 600; }
.cts0104 .org_wrap .org_depth1 { width: 170px; background: #5d351b; padding: 15px 0; border-radius: 0 20px; margin: 0 auto; transition: all 0.3s ease; cursor: pointer; }
.cts0104 .org_wrap .org_depth1:hover { background: #ff7611; transition: all 0.3s ease; }
.cts0104 .org_wrap .org_depth1 span { color: #fff; font-size: 18px; font-weight: 500; }
.cts0104 .org_wrap .org_depth2 { display: flex; justify-content: space-between; margin-top: 59px; }
.cts0104 .org_wrap .org_depth2 li { width: 170px; border: 1px solid #5d351b; background: #fff; padding: 15px 0; font-size: 17px; font-weight: 500; color: #5d351b; border-radius: 0 20px; }
.cts0104 .org_wrap .org_depth3 { width: 170px; border: 1px solid #5d351b; background: #fff; padding: 15px 0; font-size: 17px; font-weight: 500; color: #5d351b; border-radius: 0 20px; margin: 52px auto 76px; cursor: pointer; }
.cts0104 .org_wrap .org_depth3:hover { background: #ff7611; transition: all 0.3s ease; }
.cts0104 .org_wrap .org_depth3:hover span { color: #fff; transition: all 0.3s ease; }
.cts0104 .org_wrap .org_depth4 { display: flex; justify-content: space-between; }
.cts0104 .org_wrap .org_depth4 li { display: table; width: 175px; height: 50px; background: #8e715e; border-radius: 50px; color: #fff; line-height: 20px; font-size: 15px; font-weight: 300; letter-spacing: -1px; cursor: pointer; }
.cts0104 .org_wrap .org_depth4 li:hover { background: #ff7611; transition: all 0.3s ease; }
.cts0104 .org_wrap .org_depth4 li span { display: table-cell; vertical-align: middle; }
.cts0104 .list_more_btn { background: #282828; padding: 7px 25px; border-radius: 20px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; border: none; }
.modal_pop { position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 100000; display: none; transition: all 0.3s ease; }
.modal_pop .modal_pop_cont { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 700px; }
.modal_pop .modal_pop_cont .modal_head { background: #313131; height: 55px; border-radius: 10px 10px 0 0; position: relative; }
.modal_pop .modal_pop_cont .modal_head .close { width: 35px; height: 35px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 100; }
.modal_pop .modal_pop_cont .modal_head .close span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 2px; background: #fff; }
.modal_pop .modal_pop_cont .modal_head .close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.modal_pop .modal_pop_cont .modal_head .close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.modal_pop .modal_pop_cont .table { margin-top: 0; background: #fff; }
.modal_pop .modal_pop_cont .table tbody th { width: 30%; }
.modal_pop .modal_pop_cont .table tbody td { text-align: left !important; font-size: 15px; line-height: 28px; }
.modal_pop .modal_pop_cont .table tbody tr:last-child th { border-right: 1px solid #eaeaea; }
.modal_pop .modal_pop_cont .table tbody tr:last-child td { display: block; max-height: 220px; overflow: auto; text-align: left !important; border-bottom: none; border-left: none; }

@media all and (max-width: 1060px){
 .cts0104 .org_wrap { background: none; max-width: 100%; position: relative; z-index: 10; }
 .cts0104 .org_wrap::after { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 100%; background: #d9d9d9; z-index: -1; }
 .cts0104 .org_wrap .org_leader::before { left: 50%; }
 .cts0104 .org_wrap .org_depth2 { display: block; }
 .cts0104 .org_wrap .org_depth2 li { margin: 0 auto 20px; }
 .cts0104 .org_wrap .org_depth4 { display: block; }
 .cts0104 .org_wrap .org_depth4 li { margin: 0 auto 15px; }
 }

@media all and (max-width: 760px){
 .modal_pop .modal_pop_cont .table tbody th { width: 100%; }
 .modal_pop .modal_pop_cont .table tbody td { text-align: center !important; }
 .modal_pop .modal_pop_cont .table tbody tr:last-child td { text-align: left !important; }
 .modal_pop .modal_pop_cont { width: 100%; height: 100%; overflow-y: scroll; }
 }

/*연혁*/
.subpage-visual { display: flex; position: relative; z-index: 10; }
.subpage-visual__img-wrap { width: calc(50% + 10px); }
.subpage-visual img { display: block; max-width: 100%; }
.subpage-visual__img-title { position: absolute; left: 34px; bottom: 40px; font-size: 35px; font-weight: 500; color: #ffffff80; line-height: 45px; }
.subpage-visual__img-title strong { font-weight: 600; color: #fff; }
.subpage-visual__title { position: relative; padding-bottom: 28px; margin-bottom: 28px; font-size: 36px; font-weight: 400; line-height: 1; }
.subpage-visual__title::after { content: ""; position: absolute; bottom: 0; left: -35px; width: 53%; height: 1px; opacity: 0.1; background-color: #fff; }
.subpage-visual__desc-wrap { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 30px; right: 0; width: calc(50% + 30px); height: 100%; padding: 140px 0 70px 35px; color: #fff; background: #4f5aac no-repeat
 url("../images/contents/cts0103_histroy_tit_bg.png"); background-position: right -35px bottom -10px; z-index: 1; }
.subpage-visual__desc { font-size: 19px; font-weight: 400; color: #ffffff25; }

.ys-history .nxm-tab-7 { margin-top: 70px; }
.ys-history .subpage-visual { margin-top: 100px; }
.ys-history .subpage-visual__title { font-size: 36px; }
.subpage-visual__since { margin-bottom: 15px; font-size: 21px; font-weight: 700; letter-spacing: 1px; color: #ffffff50; }

.history { margin-top: 120px; }
.history_wrap { position: relative; }
/*.history_wrap:before { content: ''; display: block; width: 1px; height: 100%; background: #dedede; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 3; } */
.history_box { position: relative; }
.history_li { background: #fff; height: 100%; margin: 0 auto; padding: 0 0 170px; position: relative; width: 100%; }
.history_li:last-child { z-index: 4; }
.history_li:nth-of-type(odd) { text-align: right; }
.history_wrap .history_line { display: block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; background: #d9d9d9; z-index: 3; height: 100%; }
.history_li:first-child { padding: 40px 0 170px; }
.history_li > div { display: inline-block; flex-direction: column; position: relative; width: 50%; word-break: keep-all; top: -35px; }
.history_li .right { padding-left: 50px; text-align: left; }
.history_li .left { align-items: flex-end; padding-right: 50px; text-align: right; }
.history_li > div:before { content: ""; left: -7.5px; top: 22px; position: absolute; width: 15px; height: 15px; background: url(../images/contents/history_bu.png) no-repeat; z-index: 10; }
.history_li > div.left:before { right: -7.5px; left: auto; }
.history_li.on > div:before { background: #3a82e1; }
.history_li > div:after { content: ""; display: block; width: 27px; height: 27px; background: rgba(191, 255, 235, 0.7); position: absolute; left: -13.5px; z-index: 9; top: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; transform: scale(0); transition: 0.5s; }
.history_li > div.left:after { right: -13.5px; left: auto; }
.history_li.on > div:after { transform: scale(1); }
.history_li > div .year { color: #394289; font-weight: 900; font-size: 38px; margin-bottom: 40px; margin-top: 20px; }
.history_li > div .story { font-weight: 500; margin-top: 10px; }
.history_li > div .story:first-child { margin-top: 5px; }
.history_li > div .story .point_year { font-size: 20px; color: #363f89; font-weight: 700; margin-bottom: 5px; display: inline-block; position: relative; }
.history_li > div .story span { display: block; color: #494949; font-size: 18px; margin-bottom: 30px; font-weight: 600; line-height: 23px; }

@media all and (max-width: 1280px){
 .subpage-visual__title { padding-bottom: 10px; margin-bottom: 10px; font-size: 27px; }
 .subpage-visual__desc-wrap { padding: 40px; }
 .subpage-visual__desc { font-size: 16px; font-weight: 400; line-height: 20px; }
 }

@media all and (max-width: 1024px){
 .subpage-visual { flex-direction: column; align-items: center; }
 .subpage-visual__title { font-size: 24px; }
 .subpage-visual__img-wrap { position: relative; width: 100%; max-width: 720px; max-height: 300px; overflow: hidden; text-align: center; transform: translateX(-10px); }
 .subpage-visual__img-title { font-size: 32px; line-height: 40px; }
 .subpage-visual__desc-wrap { position: relative; top: auto; width: 100%; max-width: 720px; min-height: 250px; padding: 30px 20px; transform: translateX(10px); }

 .history_li > div .year { font-size: 35px; margin-bottom: 30px; }
 .history_li > div .story .point_year { margin-bottom: 10px; }
 }

@media all and (max-width: 768px){
 .subpage-visual__img-wrap,
 .subpage-visual__desc-wrap { transform: none; }
 }

@media all and (max-width: 640px){
 .history_wrap:before { left: 28px; }
 .history_wrap .history_line { left: 32px; }
 .history_li,
 .history_li:first-child { padding: 5px 20px 38px 0; }
 .history_li .right { padding-left: 65px; }
 .history_li .left { padding-right: 0; padding-left: 65px; }
 .history_li > div { display: block; width: 100%; text-align: left !important; padding-right: 0 !important; padding-left: 50px; }
 .history_li > div:before { left: 25px !important; right: auto !important; top: 8px; }
 .history_li > div:after { left: 15px !important; right: auto !important; top: 5px; }
 .history_li > div .year { font-size: 28px; margin-bottom: 28px; }
 .history_li > div .story .point_year { margin-bottom: 7px; font-size: 17px; }
 .history_li > div .story span { font-size: 15px; margin-bottom: 20px; }
 }

/*재단 CI*/
.cts0105 .ci_grop { background: url("../images/contents/cts0105_ci_bg.gif") repeat; border: 1px solid #e8e8e8; text-align: center; padding: 20px 0; }
.cts0105 .ci_grop .ci_img { width: 80%; display: inline-block; padding-bottom: 20px; }
.cts0105 .ci_grop .ci_img ul li { width: 50%; float: left; margin-top: 20px; text-align: center; }
.cts0105 .ci_grop .ci_img ul li img { text-align: center; }

.cts0105 .ci_grop .ci_img_e ul li { width: 100%; float: left; margin-top: 20px; text-align: center; }
.cts0105 .ci_grop .ci_img_e ul li img { text-align: center; margin-bottom: 20px; }

@media all and (max-width: 790px){
 .cts0105 .ci_grop .ci_img { text-align: center; margin-bottom: 20px; display: inline-block; float: left; width: 100%; }
 .cts0105 .ci_grop .ci_img img { max-width: 80%; }

 .cts0105 .ci_grop .ci_img_e { text-align: center; margin-bottom: 0px; display: inline-block; float: left; width: 100%; }
 .cts0105 .ci_grop .ci_img_e img { max-width: 80%; }
 }

/*오시는길*/
.root_daum_roughmap { width: 100% !important; }
.cts0106 .info_list li { font-size: 18px; color: #494949; margin-bottom: 20px; position: relative; line-height: 24px; }
.cts0106 .info_list li:last-child { margin-bottom: 0; }
.cts0106 .info_list li.address { padding-left: 25px; }
.cts0106 .info_list li.address::before { content: ""; position: absolute; top: -5px; left: 0; width: 16px; height: 22px; background: url(../images/contents/cts0106_address_icon.png) no-repeat; }
.cts0106 .info_list li span { color: #325dda; }
.cts0106 .info_list .call_list { display: flex; }
.cts0106 .info_list .call_list li { margin-right: 25px; position: relative; padding-left: 25px; }
.cts0106 .info_list .call_list li::before { content: ""; position: absolute; top: -2px; left: 0; width: 21px; height: 24px; background: url(../images/contents/cts0106_tel_icon.png) no-repeat; }
.cts0106 .info_list .call_list li:last-child { margin-right: 0; }
.cts0106 .traffic_item { display: table; }
.cts0106 .traffic_title { display: table-cell; width: 85px; padding-left: 35px; padding-right: 35px; }
.cts0106 .traffic_title.bus { background: url(../images/contents/cts0106_bus_icon.png) no-repeat top 10px
 center; }
.cts0106 .traffic_title.car { background: url(../images/contents/cts0106_car_icon.png) no-repeat top 10px
 center; }
.cts0106 .traffic_title.train { background: url(../images/contents/cts0106_train_icon.png) no-repeat top 10px
 center; }
.cts0106 .traffic_text { display: table-cell; padding: 13px 0; }
.cts0106 .mobile_btn { display: none; }

@media all and (max-width: 780px){
 .cts0106 .box { padding: 15px; }
 .cts0106 .info_list .call_list { display: block; }
 .cts0106 .traffic_item { display: block; padding: 10px; }
 .cts0106 .traffic_title { display: block; width: auto; padding-top: 100px; padding-left: 0; padding-bottom: 15px; }
 .cts0106 .traffic_text { display: block; }
 .cts0106 .mobile_btn { display: block; }
 }

/*연구목표*/
.cts0201 .vision_box { display: block; position: relative; border: 1px solid #e3e6e9; border-radius: 20px; text-align: center; }
.cts0201 .vision_box .vision_box_title { position: absolute; top: -9px; left: 0; right: 0; width: 410px; margin: 0 auto; background-color: #fff; font-size: 28px; line-height: 30px; letter-spacing: -0.04em; font-weight: 600; color: #222; }
.cts0201 .vision_box .vision_box_title:after,
.cts0201 .vision_box .vision_box_title:before { content: ""; display: inline-block; position: absolute; left: -12px; top: -12px; bottom: 0; width: 12px; height: 12px; margin: auto 0; border-radius: 50%; background-color: #ffac6f; }
.cts0201 .vision_box .vision_box_title:after { left: auto; right: -10px; }
.cts0201 .vision .vision_box .vision_list_wrap { display: inline-block; margin: 56px 0; padding: 0 30px; }
.cts0201 .vision .vision_box .vision_list_wrap .study_cont { display: flex; justify-content: space-between; align-items: center; }
.cts0201 .vision .vision_box .vision_list_wrap .study_cont li { margin-right: 40px; background: #eeeff5; padding: 32px 55px 0; border-radius: 0 30px; font-size: 18px; line-height: 25px; color: #494949; letter-spacing: -1px; height: 350px; }
.cts0201 .vision .vision_box .vision_list_wrap .study_cont li:last-child { margin-right: 0; }
.cts0201 .vision .vision_box .vision_list_wrap .study_cont li .study_icon { margin-bottom: 40px; }
.cts0201 .vision .vision_box .vision_box_subtitle { position: relative; margin-top: 57px; padding-top: 70px; font-size: 37px; line-height: 50px; color: #434343; font-weight: 600; text-align: center; }
.cts0201 .vision .vision_box .vision_box_subtitle:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; width: 55px; height: 39px; margin: 0 auto; background: url("../images/contents/cts0102_vision_icon.png") no-repeat; }
.cts0201 .vision .vision_box .vision_list_wrap span.vision_list_title { text-align: center; font-size: 32px; color: #ff7611; font-weight: 600; position: relative; z-index: 5; }
.cts0201 .vision .vision_box .vision_list_wrap span.vision_list_title::after { content: ""; position: absolute; bottom: 0; left: -7px; width: 74px; height: 12px; background: #ffe7d6; z-index: -1; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_cont { margin-top: 37px; display: flex; justify-content: center; align-items: center; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li { width: 300px; height: 300px; border-radius: 100%; background: #b36e3c; margin-right: 30px; box-shadow: 5px 5px #eed7c6; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li:last-child { margin-right: 0; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li span { display: inline-block; color: #fff; font-size: 20px; font-weight: 400; margin-top: 50%; transform: translateY(-50%); line-height: 32px; padding: 0 22px; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_arrow { margin: 50px 0; }
.cts0201 .vision .vision_box .vision_list_wrap .strategy_txt { font-size: 26px; line-height: 40px; font-weight: 400; color: #3b3b3b; background: url(../images/contents/cts0301_box_pattern.png) #e2e0de; padding: 22px 0; }
.cts0201 .arrow_img.type2 { margin: 80px 0; }
.cts0201 .vision .vision_box.type2 { border: 2px solid #ff7611; background-color: #fffaf6; }
.cts0201 .vision .vision_box.type2 .vision_box_subtitle { margin-top: 0; padding: 52px 0; color: #313131; }
.cts0201 .vision .vision_box.type2 .vision_box_subtitle:before { display: none; }
.cts0201 .vision .vision_box .vision_item_wrap { display: block; padding: 60px 55px; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item { display: inline-block; width: 1000px; /* margin-right: 30px; */
 margin-bottom: 31px; border-radius: 30px; background-color: #fff9f4; vertical-align: top; border: 1px solid #e3e3e3; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item:nth-child(2n) { margin-right: 0; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item:nth-child(n + 3) { margin-bottom: 0; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item .vision_item_title { display: table; width: 100%; border-radius: 30px 30px 0 0; background-color: #ffa360; font-size: 30px; line-height: 42px; letter-spacing: 0; color: #fff; font-weight: 500; }
.cts0201
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { display: table-cell; height: 130px; vertical-align: middle; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item ul { min-height: 154px; padding: 27px 0 0 40px; }
.cts0201 .vision .vision_box .vision_item_wrap .vision_item ul li { margin-bottom: 12px; font-size: 19px; line-height: 25px; }

@media all and (max-width: 1260px){
 .cts0201 .vision .vision_box .vision_list_wrap .study_cont li { padding: 32px 40px 0; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li { width: 270px; height: 270px; }
 .cts0201 .vision .vision_box .vision_item_wrap .vision_item { width: 100%; }
 }

@media all and (max-width: 1170px){
 .cts0201 .vision .vision_box .vision_list_wrap { margin: 70px 0; }
 .cts0201 .vision .vision_box .vision_list_wrap .study_cont li { height: 300px; padding: 30px 30px 0; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont { flex-direction: column; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li { margin-right: 0; margin-bottom: 25px; width: 240px; height: 240px; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li span { font-size: 18px; line-height: 24px; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_txt { padding: 16px 40px; margin-top: 60px; }
 }

@media all and (max-width: 1000px){
 .cts0201 .vision .vision_box .vision_list_wrap .study_cont { display: block; }
 .cts0201 .vision .vision_box .vision_list_wrap .study_cont li { height: auto; width: 100%; padding: 30px; margin-right: 0; margin-bottom: 35px; }
 }

@media all and (max-width: 640px){
 .cts0201 .vision_box .vision_box_title { font-size: 19px; line-height: 24px; width: 230px; }
 .cts0201 .vision_box .vision_box_title:after,
 .cts0201 .vision_box .vision_box_title:before { top: -6px; }
 .cts0201 .vision .vision_box .vision_list_wrap .study_cont li p { font-size: 16px; line-height: 22px; }
 .cts0201 .vision .vision_box .vision_box_subtitle { font-size: 30px; line-height: 45px; padding: 78px 15px 0 15px; }
 .cts0201 .vision .vision_box .vision_list_wrap span.vision_list_title { font-size: 25px; }
 .cts0201 .vision .vision_box .vision_list_wrap span.vision_list_title::after { width: 64px; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li { width: 220px; height: 220px; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_cont li span { font-size: 16px; line-height: 22px; }
 .cts0201 .vision .vision_box.type2 .vision_box_subtitle { padding: 52px 15px; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_arrow { margin: 30px 0; }
 .cts0201 .vision .vision_box .vision_list_wrap .strategy_txt { margin: 50px auto 0; font-size: 18px; line-height: 23px; }
 .cts0201 .vision .vision_box .vision_item_wrap { padding: 50px 20px; }
 .cts0201
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title { font-size: 20px; line-height: 25px; }
 .cts0201
 .vision
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { height: 120px; }
 .cts0201 .vision .vision_box .vision_item_wrap .vision_item ul { padding: 30px 40px; }
 .cts0201 .vision .vision_box .vision_item_wrap .vision_item ul li { font-size: 16px; line-height: 24px; }
 }

@media all and (max-width: 500px){
 .cts0201 .vision .vision_box .vision_box_subtitle { font-size: 25px; line-height: 35px; }
 }

/* 연구과제 목록 */
.cts0202 .table th { background-color: #ffeada; }
.cts0202 .table th.border0 { border-left: 0; }
.cts0202 .table td.point { background-color: #c7cbeb; color: #313131; font-weight: 600; font-size: 18px; }

@media all and (max-width: 760px){
 .cts0202 .table th.border0 { border-bottom: 0; }
 }

@media all and (max-width: 640px){
 .cts0202 .table td.point { font-size: 17px; line-height: 23px; }
 }

/*교육사업*/
.cts0301_01 .edu_wrap { /* max-width:1200px; */
 text-align: center; margin: 0 auto; }
.cts0301_01 .edu_wrap .vision_box { display: block; position: relative; border: 1px solid #e3e6e9; border-radius: 20px; text-align: center; }
.cts0301_01 .edu_wrap .vision_box .vision_box_title { position: absolute; top: -9px; left: 0; right: 0; width: 410px; margin: 0 auto; background-color: #fff; font-size: 28px; line-height: 30px; letter-spacing: -0.04em; font-weight: 600; color: #222; }
.cts0301_01 .edu_wrap .vision_box .vision_box_title:after,
.cts0301_01 .edu_wrap .vision_box .vision_box_title:before { content: ""; display: inline-block; position: absolute; left: -12px; top: -12px; bottom: 0; width: 12px; height: 12px; margin: auto 0; border-radius: 50%; background-color: #7a80aa; }
.cts0301_01 .edu_wrap .vision_box .vision_box_title:after { left: auto; right: -10px; }
.cts0301_01 .edu_wrap .vision_box .vision_box_subtitle { position: relative; margin-top: 57px; padding-top: 70px; font-size: 37px; line-height: 50px; color: #434343; font-weight: 600; text-align: center; }
.cts0301_01 .edu_wrap .vision_box .vision_box_subtitle:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; width: 55px; height: 39px; margin: 0 auto; background: url("../images/contents/cts0301_01_vision_icon.png") no-repeat; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap { display: inline-block; margin: 56px 0; padding: 0 30px; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap span.vision_list_title { text-align: center; font-size: 32px; color: #5f50ac; font-weight: 600; position: relative; z-index: 5; }
.cts0301_01
 .edu_wrap
 .vision_box
 .vision_list_wrap
 span.vision_list_title::after { content: ""; position: absolute; bottom: 0; left: -7px; width: 74px; height: 12px; background: #e0dbfb; z-index: -1; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont { margin-top: 37px; display: flex; justify-content: center; align-items: center; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li { width: 300px; height: 300px; border-radius: 100%; background: #525ba1; margin-right: 70px; box-shadow: 5px 5px #b0b5d9; }
.cts0301_01
 .edu_wrap
 .vision_box
 .vision_list_wrap
 .strategy_cont
 li:last-child { margin-right: 0; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li span { display: inline-block; color: #fff; font-size: 20px; font-weight: 400; margin-top: 50%; transform: translateY(-50%); /*width:183px; */
 line-height: 32px; padding: 0 22px; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_arrow { margin: 50px 0; }
.cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_txt { font-size: 26px; line-height: 40px; font-weight: 400; color: #3b3b3b; background: url(../images/contents/cts0301_box_pattern.png) #d1d4e7; padding: 22px 0; }
.cts0301_01 .arrow_img.type2 { margin: 80px 0; }
.cts0301_01 .edu_wrap .vision_box .vision_item_wrap { display: block; padding: 60px 55px; }
.cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item { display: inline-block; width: 1000px; margin-bottom: 31px; border-radius: 30px; background-color: #e2e4f9; vertical-align: top; border: 1px solid #e3e3e3; }
.cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item:nth-child(2n) { margin-right: 0; }
.cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item:nth-child(n + 3) { margin-bottom: 0; }
.cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title { display: table; width: 100%; border-radius: 30px 30px 0 0; background-color: #7a80aa; font-size: 30px; line-height: 42px; letter-spacing: 0; color: #fff; font-weight: 500; }
.cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { display: table-cell; height: 116px; vertical-align: middle; }
.cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item ul { min-height: 154px; padding: 27px 0 0 40px; }
.cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item ul li { margin-bottom: 16px; font-size: 19px; line-height: 25px; }
.cts0301_01 .edu_wrap .edu_tit { background: url(../images/contents/cts0301_edu_tit_bg.png) right 18px bottom -12px
 no-repeat #5f50ac; font-size: 38px; color: #fff; font-weight: 700; padding: 45px 20%; border-radius: 70px; line-height: 50px; }
.cts0301_01 .edu_wrap .edu_list { display: flex; margin-top: 120px; justify-content: space-between; }
.cts0301_01 .edu_wrap .edu_list .edu_item { border: 1px solid #dfdfdf; border-radius: 20px; width: calc((100% - 30px) / 4); }
.cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_tit { display: table; width: 100%; background: url(../images/contents/cts0301_box_pattern.png) #8389b0; border-radius: 20px 20px 0 0; }
.cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_tit span { display: table-cell; padding: 15px 0; font-size: 20px; line-height: 27px; color: #fff; }
.cts0301_01 .edu_wrap .edu_list .edu_item:nth-child(2n) .edu_item_tit { background-color: #525ba1; }
.cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_txt { padding: 50px 0; font-size: 16px; color: #424242; font-size: 18px; line-height: 26px; }
.cts0301_01 .edu_wrap .edu_cont_tit { margin-top: 106px; font-size: 29px; color: #2c2c2c; font-weight: 700; background: url(../images/contents/cts0301_edu_cont_tit_bg.png) no-repeat
 center; padding: 20px 0; }
.cts0301_01 .edu_wrap .edu_cont { margin: 85px 80px 0; }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list { display: flex; justify-content: space-between; margin-bottom: 45px; align-items: center; }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left { border: 9px solid #79b080; width: 200px; height: 200px; border-radius: 100%; margin-left: 45px; }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left span { display: block; font-size: 20px; line-height: 29px; color: #336c3a; font-weight: 600; margin-top: 50%; transform: translateY(-50%); }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_right { border: 1px solid #dedede; width: 70%; display: table; border-radius: 20px; padding: 40px; }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_right span { display: block; font-size: 21px; color: #2e2e2e; display: table-cell; vertical-align: middle; line-height: 35px; text-align: left; }
.cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_arrow { width: 9px; height: 13px; background: url(../images/contents/cts0301_edu_cont_arrow.png) no-repeat; }

@media all and (max-width: 1260px){
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .study_cont li { padding: 32px 40px 0; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li { width: 270px; height: 270px; }
 .cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item { width: 100%; }
 }

@media all and (max-width: 1170px){
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap { margin: 70px 0; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .study_cont li { height: 300px; padding: 30px 30px 0; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont { flex-direction: column; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li { margin-right: 0; margin-bottom: 25px; width: 240px; height: 240px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li span { font-size: 18px; line-height: 24px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_txt { padding: 16px 40px; margin-top: 60px; }
 .cts0301_01 .edu_wrap .edu_cont { margin: 85px 55px 0; }
 }

@media all and (max-width: 1110px){
 .cts0301_01 .edu_wrap .edu_tit { font-size: 35px; padding: 45px 50px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left { margin-left: 0; }
 }

@media all and (max-width: 950px){
 .cts0301_01 .edu_wrap .edu_tit { font-size: 30px; line-height: 40px; }
 .cts0301_01 .edu_wrap .edu_list { display: block; margin-top: 90px; }
 .cts0301_01 .arrow_img.type2 { margin: 65px 0; }
 .cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title { font-size: 28px; line-height: 40px; }
 .cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { height: 111px; }
 .cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item ul li { font-size: 18px; line-height: 24px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item { width: 100%; margin-bottom: 30px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_tit span { padding: 15px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_tit span br { display: none; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_txt { padding: 30px 20px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_txt br { display: none; }
 .cts0301_01 .edu_wrap .edu_cont_tit { margin-top: 82px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list { display: block; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left { margin: 0 auto; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_right { padding: 20px 15px; width: 100%; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_right span { font-size: 19px; line-height: 30px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_arrow { margin: 30px auto; transform: rotate(90deg); }
 }

@media all and (max-width: 640px){
 .cts0301_01 .edu_wrap .edu_tit { font-size: 25px; line-height: 35px; padding: 35px 20px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_tit span { font-size: 17px; line-height: 23px; }
 .cts0301_01 .edu_wrap .edu_list .edu_item .edu_item_txt { font-size: 15px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left { width: 194px; height: 194px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_left span { font-size: 17px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_right span { font-size: 15px; line-height: 22px; }
 .cts0301_01 .edu_wrap .edu_cont .edu_cont_list .edu_cont_arrow { margin: 20px auto; }
 .cts0301_01 .edu_wrap .vision_box .vision_box_title { font-size: 19px; line-height: 24px; width: 230px; }
 .cts0301_01 .edu_wrap .vision_box .vision_box_title:after,
 .cts0301_01 .edu_wrap .vision_box .vision_box_title:before { top: -6px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .study_cont li p { font-size: 16px; line-height: 22px; }
 .cts0301_01 .edu_wrap .vision_box .vision_box_subtitle { font-size: 30px; line-height: 45px; padding: 78px 15px 0 15px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap span.vision_list_title { font-size: 25px; }
 .cts0301_01
 .edu_wrap
 .vision_box
 .vision_list_wrap
 span.vision_list_title::after { width: 64px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li { width: 220px; height: 220px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_cont li span { font-size: 16px; line-height: 22px; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_arrow { margin: 30px 0; }
 .cts0301_01 .edu_wrap .vision_box .vision_list_wrap .strategy_txt { margin: 50px auto 0; font-size: 18px; line-height: 24px; }
 .cts0301_01 .edu_wrap .vision_box .vision_item_wrap { padding: 50px 20px; }
 .cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title { font-size: 20px; line-height: 25px; }
 .cts0301_01
 .edu_wrap
 .vision_box
 .vision_item_wrap
 .vision_item
 .vision_item_title
 span { height: 120px; }
 .cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item ul { padding: 30px 40px; }
 .cts0301_01 .edu_wrap .vision_box .vision_item_wrap .vision_item ul li { font-size: 16px; line-height: 24px; }
 }

@media all and (max-width: 500px){
 .cts0301_01 .edu_wrap .vision_box .vision_box_subtitle { font-size: 25px; line-height: 35px; }
 }

@media all and (max-width: 460px){
 .cts0301_01 .edu_wrap .edu_cont { margin-top: 50px; }
 .cts0301_01 .edu_wrap .edu_cont_tit { background: none; color: #336c3a; }
 }

/*교육일정*/
.edu_sche .esc_list { text-align: right; margin-bottom: 30px; }
.edu_sche select { font-size: 17px; color: #414141; position: relative; z-index: 1; cursor: pointer; border-radius: 15px; width: 130px; border: 1px solid #d1d1d1; appearance: none; background: url(../images/contents/option_icon.png) no-repeat right 15px
 center #fff; padding: 10px 0 10px 15px; }
.edu_sche .sche_tit { text-align: center; border-top: 2px solid #483897; padding: 60px 0; border-radius: 0 0 30px 30px; font-size: 35px; color: #313131; font-weight: 600; margin-bottom: 55px; background: url(../images/contents/edu_shce_tit_bg.png) center no-repeat
 #edeef5; overflow: hidden; }
.edu_sche .sche_sub_tit { text-align: center; margin-top: 30px; }
.edu_sche .sche_sub_tit span { display: inline-block; min-width: 250px; box-sizing: border-box; text-align: center; color: #fff; font-size: 23px; font-weight: 400; background-color: #525c8e; border-radius: 30px; line-height: 55px; height: 55px; padding: 0 40px; margin-bottom: 75px; }

.esc__con-wrap { max-width: 1200px; margin: 0 auto; }
.edu_sche_cont li.esc_item { margin-top: 50px; cursor: pointer; }
.edu_sche_cont li.esc_item:first-child { margin-top: 0; }
.esc_item .esc_inner { display: flex; align-items: center; }
.esc_item .esc_inner .esc_left { display: table; }
.esc_item .esc_inner .esc_left .edu_num { display: inline-block; width: 50px; height: 50px; box-sizing: border-box; background-color: #53a067; border-radius: 0 15px; color: #fff; font-size: 20px; line-height: 50px; text-align: center; }
.esc_item .esc_inner .esc_left p.title { font-size: 20px; color: #535353; padding-left: 27px; display: table-cell; vertical-align: middle; }
.esc_item .esc_inner .esc_right { margin-left: auto; display: flex; }
.esc_item .esc_inner p.date { background: #ebebeb; border-radius: 10px; width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #545a56; margin-right: 30px; text-align: center; }
.esc_item .esc_inner span.btn-open { display: block; width: 50px; height: 50px; border: 1px solid #53a067; border-radius: 10px; box-sizing: border-box; background: url(../images/contents/cts0302_btn_icon01.png) no-repeat center; }

.esc_box { background-color: #edeef5; margin-top: 0px; box-sizing: border-box; max-height: 0; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.esc_desc { padding: 30px 50px; }
.esc_tit_h4 { font-size: 22px; color: #4d4d4d; position: relative; padding-top: 18px; margin-bottom: 22px; }
.esc_tit_h4::before { content: ""; position: absolute; left: 0; top: 0px; width: 20px; height: 11px; background: url(../images/contents/edu_shce_bu.png) no-repeat; }
.esc_txt { font-size: 16px; color: #4d4d4d; margin-bottom: 40px; line-height: 22px; }

.esc_item.is-active .esc_box { max-height: 3000px; margin-top: 20px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.esc_item.is-active .esc_inner .edu_num { background: #7367b2; }
.esc_item.is-active .esc_inner span.btn-open { border: 1px solid #7367b2; background: url(../images/contents/cts0302_btn_icon02.png) no-repeat center; }

@media all and (max-width: 750px){
 .esc_item .esc_inner p.date { width: 120px; }
 }

@media all and (max-width: 640px){
 .edu_sche .sche_tit { padding: 40px 0; border-radius: 0 0 35px 35px; font-size: 30px; }
 .edu_sche .sche_sub_tit span { font-size: 20px; }
 .esc_item .esc_inner .esc_left .edu_num { width: 35px; height: 35px; border-radius: 5px; line-height: 35px; font-size: 16px; }
 .esc_item .esc_inner .esc_left p.title { font-size: 17px; padding-left: 17px; line-height: 23px; }
 .esc_item .esc_inner p.date { font-size: 15px; }
 }

@media all and (max-width: 500px){
 .edu_sche .sche_tit { font-size: 25px; }
 .esc_item .esc_inner p.date { display: none; }
 .esc_item .esc_inner span.btn-open { width: 35px; height: 35px; }
 }

/*수강안내*/
.cts0302 { max-width: 1120px; margin: 0 auto; }
.cts0302 ol.num li { font-size: 18px; line-height: 30px; }
.cts0302 .lecture_sub_tit { display: block; font-size: 20px; color: #414141; font-weight: 600; color: #414141; position: relative; padding-top: 10px; margin-bottom: 30px; line-height: 25px; }
.cts0302 .lecture_sub_tit::before { content: ""; position: absolute; width: 41px; height: 2px; background: #ff7611; top: 0; left: 0; }
.cts0302 .lecture_sub_tit em { color: #db3e3e; }
.cts0302 .step_list { display: flex; margin-bottom: 30px; }
.cts0302 .step_list li { border: 1px solid #838383; padding: 35px 53px; border-radius: 15px; margin-right: 100px; position: relative; text-align: center; line-height: 24px; font-size: 18px; }
.cts0302 .step_list li::after { content: ""; position: absolute; right: -72px; top: 50%; width: 20px; height: 18px; background: url(../images/contents/step_list_arrow.png) no-repeat; transform: translateX(-50%); }
.cts0302 .step_list li:nth-child(3)::after { background: url(../images/contents/step_list_arrow_on.png); }
.cts0302 .step_list li.last { margin-right: 0; border: 2px solid #ff7611; color: #ff7611; font-weight: 600; }
.cts0302 .step_list li.last::after { display: none; }
.cts0302 .lecture_btn { display: block; width: 100%; text-align: center; margin: 60px auto 0; width: 242px; background: #292929; border-radius: 0 15px; padding: 20px 16px 20px 0; font-size: 20px; color: #fff; position: relative; }
.cts0302 .lecture_btn::after { content: ""; position: absolute; top: 22px; right: 20px; background: url(../images/contents/step_list_arrow_on.png) no-repeat; width: 20px; height: 18px; }

@media all and (max-width: 1150px){
 .cts0302 .step_list li { margin-right: 50px; }
 .cts0302 .step_list li::after { right: -46px; }
 }

@media all and (max-width: 950px){
 .cts0302 .step_list { display: block; }
 .cts0302 .step_list li { width: 100%; margin-right: 0; margin-bottom: 45px; }
 .cts0302 .step_list li::after { right: 49%; top: 108px; transform: translateX(0) rotate(90deg); }
 }

@media all and (max-width: 640px){
 .cts0302 ol.num li { font-size: 16px; line-height: 22px; }
 .cts0302 .lecture_sub_tit { font-size: 18px; }
 .cts0302 .lecture_btn { font-size: 18px; }
 .cts0302 .lecture_btn::after { top: 20px; }
 .cts0302 .step_list li { font-size: 16px; }
 }

/*수강신청 목록*/
/*.content { display:flex; justify-content: center; background:#fcfbfb; border-top:2px solid #ff7611; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom:100px; border-radius:0 0 15px 15px; padding:40px 300px; }
.content select { font-size:16px; color:#414141; position: relative; z-index: 1; cursor: pointer; border-radius:23px; width:112px; border:1px solid #d1d1d1; padding-left:15px; appearance:none; background:url(../images/contents/option_icon.png) no-repeat right 15px center #fff; }
.content .option > ul { position: absolute; width:100%; padding-bottom:20px; display: none; opacity: 0; top:100%; }
.content .option > ul > li { padding:20px 30px; }
.content .option.on::before { height:400%; border:2px solid #000; box-shadow: 0 10px 15px rgba(0, 0, 0, .15); }
.content .input_group { display: flex; margin-left:20px; width:calc(100% - 125px); }
.content .input_group input { border:1px solid #d1d1d1; border-radius: 23px; width:calc(100% - 105px); font-weight: 400; margin-right:20px; padding:10px 30px; background:#fff; }
.content .input_group button { width:92px; background:#ff7611; color:#fff; font-weight: 400; display: flex; justify-content: center; align-items: center; border-radius: 23px; border:none; }

.paging_text { display:flex; justify-content: end; margin-bottom:20px; }
.paging_text ul { display:flex; }
.paging_text ul li { margin-right:24px; font-size:18px; font-weight:400; }
.paging_text ul li:last-child { margin-right:0; }

ul.list_wrap01 { border-top:2px solid #232323; border-bottom:2px solid #232323; }
ul.list_wrap01 > li { border-bottom:1px solid #ebebeb; padding:50px; }
ul.list_wrap01 > li:hover { background: #fcfbfb; transition:all 0.3s ease-in-out; }
ul.list_wrap01 li .left_wrap { display:inline-block; vertical-align:middle; width:65.5%; }
ul.list_wrap01 li .left_wrap .program-tit { display:block; font-size:20px; color:#222; margin-bottom:52px; font-weight:600; width:95%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
ul.list_wrap01 > li:hover .left_wrap .program-tit { color:#ff7611; transition:all 0.2s ease-in-out; }
ul.list_wrap01 li .left_wrap ul li { display:inline-block; width:49.5%; vertical-align:top; font-size:17px; margin-bottom:20px; }
ul.list_wrap01 li .left_wrap ul li b { display:inline-block; position:relative; color:#525252; font-weight:600; padding-right:40px; vertical-align:top; }
ul.list_wrap01 li .left_wrap ul li b:after { display:block; position:absolute; width:1px; height:10px; background:#aaa; content:""; right:20px; top:5px; }



ul.list_wrap01 li a { display: flex; align-items: center; color:#727272; }
ul.list_wrap01 li .right_wrap { vertical-align:middle; margin-left:200px; }
ul.list_wrap01 li .right_wrap p { display:inline-block; width:80px; height:80px; line-height:80px; border-radius:0 15px; text-align:center; font-weight:500; font-size:17px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
ul.list_wrap01 li .right_wrap p.right_color01 { background:#fc2a43; color:#fff; }
ul.list_wrap01 li .right_wrap p.right_color02 { background:#299cf5; color:#fff; }
ul.list_wrap01 li .right_wrap p.right_color03 { background:#ff7611; color:#fff; }
ul.list_wrap01 li .right_wrap p.more { background:#232323; color:#fff; margin-left:40px; } */

/* 성별영향평가센터 운영 */
.cts0502 .center { background: #f6f4f8; border-radius: 30px; text-align: center; padding: 50px 0; }
.cts0502 .center .center_small_tit { width: 273px; border-radius: 30px; background: #865aa4; color: #fff; font-size: 20px; font-weight: 400; padding: 12px 40px; }
.cts0502 .center .center_tit { font-size: 36px; color: #4b3383; font-weight: 800; margin-top: 33px; }
.cts0502 .center .center_tit_line { display: block; width: 36px; height: 1px; background: #4b3383; margin: 27px auto; }
.cts0502 .center .center_txt { font-size: 17px; line-height: 32px; color: #494949; margin-bottom: 65px; }
.cts0502 .center .center_inner_box { background: #fff; max-width: 1150px; margin: 0 auto; padding: 80px 13%; }
.cts0502 .center .center_inner_box .center_item { display: flex; flex-direction: column; align-items: center; }
.cts0502 .center .center_inner_box .center_item.bottom { margin-top: 30px; }
.cts0502 .center .center_inner_box .center_item .date { font-size: 17px; color: #53479c; line-height: 30px; margin-top: 50px; }
.cts0502 .center .center_inner_box .center_item .round { border-radius: 100%; width: 160px; height: 160px; }
.cts0502 .center .center_inner_box .center_item .round span { display: block; font-size: 17px; padding-top: 68px; font-weight: 400; }
.cts0502 .center .center_inner_box .center_item .center_item_left { display: flex; }
.cts0502 .center .center_inner_box .center_item .center_item_left .round { background: #6156a3; color: #fff; position: relative; margin-left: 80px; }
.cts0502
 .center
 .center_inner_box
 .center_item
 .center_item_left
 .round::before { content: ""; position: absolute; left: -66px; top: 50%; transform: translateY(-50%); width: 71px; height: 8px; background: url(../images/contents/cts0502_center_num_img02.png) no-repeat; }
.cts0502 .center .center_inner_box .center_item .center_item_right { display: flex; }
.cts0502 .center .center_inner_box .center_item .center_item_right .round { border: 1px solid #6156a343; color: #6156a3; position: relative; margin-right: 80px; }
.cts0502
 .center
 .center_inner_box
 .center_item
 .center_item_right
 .round::before { content: ""; position: absolute; right: -66px; top: 50%; transform: translateY(-50%); width: 71px; height: 8px; background: url(../images/contents/cts0502_center_num_img01.png) no-repeat; }
.cts0502 .center .center_inner_box .center_item_txt { font-size: 17px; line-height: 23px; font-weight: 400; color: #3b3b3b; background: url(../images/contents/cts0301_box_pattern.png) #b9b7c9; padding: 16px 0; margin-top: 84px; }
.cts0502 .major-list > li { position: relative; padding-left: 20px; font-size: 18px; font-weight: 500; margin-top: 20px; }
.cts0502 .major-list > li:before { content: ""; position: absolute; top: 13px; left: 1px; width: 6px; height: 6px; background-color: #9e44db; transform: translateY(-50%) rotate(45deg); }
.cts0502 .major-list > li > ul > li { position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; margin-top: 7px; }
.cts0502 .major-list > li > ul > li:before { content: ""; position: absolute; top: 11px; left: 0; width: 8px; height: 2px; background: #2e2e2e; }
@media all and (max-width: 1110px){
 .cts0502 .center .center_inner_box { padding: 80px 10%; }
 }

@media all and (max-width: 640px){
 .cts0502 .center { padding: 50px 20px; }
 .cts0502 .center .center_small_tit { font-size: 18px; }
 .cts0502 .center .center_tit { font-size: 32px; }
 .cts0502 .center .center_txt { font-size: 16px; line-height: 24px; margin-bottom: 50px; }
 .cts0502 .center .center_inner_box { padding: 42px 10px; }
 .cts0502 .center .center_inner_box .center_item .date { font-size: 14px; line-height: 20px; margin-top: 40px; }
 .cts0502 .center .center_inner_box .center_item .round { width: 120px; height: 120px; }
 .cts0502 .center .center_inner_box .center_item .round span { padding-top: 50px; }
 }

@media all and (max-width: 430px){
 .cts0502 .center .center_inner_box .center_item .center_item_left { margin-bottom: 20px; }
 .cts0502 .center .center_inner_box .center_item .center_item_left .round { margin-left: 20px; }
 .cts0502
 .center
 .center_inner_box
 .center_item
 .center_item_left
 .round::before { display: none; }
 .cts0502 .center .center_inner_box .center_item .center_item_right .round { margin-right: 20px; }
 .cts0502
 .center
 .center_inner_box
 .center_item
 .center_item_right
 .round::before { display: none; }
 }

@media all and (max-width: 365px){
 .cts0502 .center .center_inner_box .center_item .date { margin-top: 20px; }
 }

/* 성주류화 지원사업 */
.cts0503 .biz_cont { margin: 95px 40px 0; }
.cts0503 .biz_cont .biz_item { float: left; background: #fcfbfb; border: 1px solid #ff761160; width: 31.3%; margin-right: 2%; text-align: center; border-radius: 0 30px; margin-bottom: 50px; box-sizing: border-box; height: 260px; }
.cts0503 .biz_cont .biz_item:last-child { margin-right: 0; }
.cts0503 .biz_cont .biz_item .biz_icon { margin: 30px 0; }
.cts0503 .biz_cont .biz_item .biz_txt { font-size: 17px; color: #a84d09; font-weight: 400; margin-top: 27px; }

@media all and (max-width: 1150px){
 .cts0503 .biz_cont .biz_item { padding: 0 20px; }
 }

@media all and (max-width: 900px){
 .cts0503 .biz_cont .biz_item { float: none; width: 100%; margin-right: 0; }
 }

@media all and (max-width: 640px){
 .cts0503 .biz_cont .biz_item { margin-bottom: 30px; }
 .cts0503 .biz_cont .biz_item .biz_txt { font-size: 16px; }
 }

/*성주류화 전략*/
.cts0504 .gender_cont { display: flex; }
.cts0504 .gender_cont .gender_cont_tit { width: 200px; height: 200px; border-radius: 100%; background: #55ac1b; }
.cts0504 .gender_cont .gender_cont_tit.type2 { background: #d2732d; }
.cts0504 .gender_cont .gender_cont_tit.type3 { background: #744395; }
.cts0504 .gender_cont .gender_cont_tit span { display: block; text-align: center; margin-top: 50%; transform: translateY(-50%); color: #fff; font-size: 21px; font-weight: 600; line-height: 33px; padding: 0 10px; }
.cts0504 .gender_cont p { font-size: 20px; line-height: 33px; color: #494949; width: calc(100% - 280px); margin-left: 80px; margin-top: 70px; }
.cts0504 .gender_cont ul { font-size: 20px; line-height: 33px; color: #494949; width: calc(100% - 280px); margin-left: 80px; margin-top: 50px; }
.cts0504 .gender_cont ul li { position: relative; padding-left: 20px; }
.cts0504 .gender_cont ul li::before { content: ""; position: absolute; top: 13px; left: 0; width: 8px; height: 2px; background: #9e44db; }
.cts0504 .gender_cont ul li + li { margin-top: 20px; }
.cts0504 .gender_cont_list { background: #ededed; padding: 55px; margin-top: 45px; }
.cts0504 .gender_cont_list .list_cont { display: flex; }
.cts0504 .gender_cont_list .list_cont .gender_list_tit { position: relative; font-size: 19px; color: #501577; font-weight: 600; padding-top: 120px; width: 130px; text-align: center; }
.cts0504 .gender_cont_list .list_cont .gender_list_tit::before { content: ""; position: absolute; width: 72px; height: 95px; background: url(../images/contents/cts0504_img01.png) no-repeat; top: 0; left: 50%; transform: translateX(-50%); }
.cts0504 .gender_cont_list .list_cont .gender_list_tit.type2 { padding-top: 100px; }
.cts0504 .gender_cont_list .list_cont .gender_list_tit.type2::before { width: 80px; height: 66px; background: url(../images/contents/cts0504_img02.png) no-repeat; }
.cts0504 .gender_cont_list .list_cont ul { margin-left: 60px; margin-top: 20px; }
.cts0504 .gender_cont_list .list_cont ul li { font-size: 18px; }
.cts0504 .gender_cont_list .list_cont + .list_cont { margin-top: 45px; }

@media all and (max-width: 900px){
 .cts0504 .gender_cont p { margin-left: 50px; margin-top: 25px; }
 .cts0504 .gender_cont ul { margin-left: 50px; margin-top: 25px; }
 .cts0504 .gender_cont_list .list_cont ul { margin-left: 50px; margin-top: 20px; }
 }

@media all and (max-width: 640px){
 .cts0504 .gender_cont { flex-direction: column; align-items: center; }
 .cts0504 .gender_cont .gender_cont_tit { width: 180px; height: 180px; }
 .cts0504 .gender_cont .gender_cont_tit span { font-size: 19px; line-height: 30px; }
 .cts0504 .gender_cont p { width: 100%; font-size: 16px; line-height: 22px; text-align: center; margin-left: 0; }
 .cts0504 .gender_cont ul { width: 100%; margin-left: 0; font-size: 16px; line-height: 22px; }
 .cts0504 .gender_cont_list .list_cont { flex-direction: column; align-items: center; }
 .cts0504 .gender_cont_list .list_cont ul { margin-left: 0; margin-top: 30px; }
 .cts0504 .gender_cont_list .list_cont ul li { font-size: 16px; line-height: 22px; }
 }

@media all and (max-width: 500px){
 .cts0504 .gender_cont_list { padding: 30px; }
 }

/*정보공개 이용안내*/

@media all and (max-width: 477px){
 .cts0701 .btn + .btn { margin-left: 0; margin-top: 10px; }
 }

/*경영공시*/
@media all and (max-width: 341px){
 .cts0702 .box { padding: 25px 0 25px 10px; }
 }

/*윤리경영*/

@media all and (max-width: 477px){
 .cts0703_01 .btn { display: block; }
 .cts0703_01 .btn + .btn { margin-left: 0; margin-top: 10px; }
 }

/*부패방지신고센터*/
.cts0703_02 ul { display: flex; justify-content: space-between; align-items: center; text-align: center; }
.cts0703_02 ul li span { display: block; margin-top: 30px; font-size: 20px; color: #323b65; font-weight: 600; }
.cts0703_02 ul li:nth-child(2n) span { color: #663f21; }

@media all and (max-width: 1000px){
 .cts0703_02 ul { flex-direction: column; }
 .cts0703_02 ul li { margin-top: 45px; }
 .cts0703_02 ul li:first-child { margin-top: 0; }
 }

@media all and (max-width: 640px){
 .cts0703_02 ul li span { font-size: 17px; }
 }

/*인권경영 헌장*/
.cts0704_01 .charter_wrap { text-align: center; border: 15px solid #ff7611; padding: 53px 70px; }
.cts0704_01 .charter_wrap h3 { padding-top: 220px; font-size: 38px; color: #313131; font-weight: 700; background: url(../images/contents/cts0704_01_img01.png) no-repeat center top; }
.cts0704_01 .charter_wrap p { margin-top: 43px; color: #383838; font-size: 17px; font-weight: 400; line-height: 23px; }
.cts0704_01 .charter_wrap .charter_list_wrap { border: 1px solid #cecece; margin-top: 42px; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_list { padding: 20px 40px; text-align: left; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_item { display: table; position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 65px; height: 87px; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_item:after { display: inline-block; height: 100%; vertical-align: middle; content: ""; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_item .text { display: table-cell; vertical-align: middle; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_item .index { overflow: hidden; position: absolute; top: 50%; left: 0; width: 54px; height: 54px; margin-top: -24px; border-radius: 50%; text-align: center; background: #7367b2; }
.cts0704_01 .charter_wrap .charter_list_wrap .charter_item .index span { display: block; color: #fff; font-weight: 400; line-height: 54px; }
.cts0704_01 .charter_wrap .charter_date p { font-size: 21px; color: #383838; font-weight: 600; }
.cts0704_01 .charter_wrap .charter_sub_tit p { font-size: 35px; color: #313131; font-weight: 700; }

@media all and (max-width: 870px){
 .cts0704_01 .charter_wrap { padding: 53px 30px; }
 .cts0704_01 .charter_wrap h3 { font-size: 34px; line-height: 38px; }
 }

@media all and (max-width: 700px){
 .cts0704_01 .charter_wrap .charter_list_wrap .charter_list { padding: 20px; }
 .cts0704_01 .charter_wrap .charter_list_wrap .charter_item { height: auto; padding-left: 45px; }
 .cts0704_01 .charter_wrap .charter_list_wrap .charter_item .text { font-size: 15px; line-height: 20px; }
 .cts0704_01 .charter_wrap .charter_list_wrap .charter_item .index { width: 35px; height: 35px; margin-top: -17px; }
 .cts0704_01 .charter_wrap .charter_list_wrap .charter_item .index span { font-size: 14px; line-height: 35px; }
 }

@media all and (max-width: 640px){
 .cts0704_01 .charter_wrap h3 { font-size: 30px; line-height: 34px; padding-top: 185px; background: url(../images/contents/cts0704_01_img01_m.png) no-repeat center
 top; }
 .cts0704_01 .charter_wrap p { font-size: 15px; line-height: 21px; margin-top: 30px; }
 .cts0704_01 .charter_wrap .charter_date p { font-size: 18px; line-height: 23px; }
 .cts0704_01 .charter_wrap .charter_sub_tit p { font-size: 30px; line-height: 34px; }
 }

/*인권경영 지침, 임직원 행동 강령*/
.scroll_box { width: 100%; border: 1px solid #cecece; padding: 35px; margin-top: 30px; max-height: 700px; overflow: hidden; overflow-y: scroll; }

/*인권침해 구제절차*/
.cts0704_03 .temp_step_box { margin: 20px 0; }
.cts0704_03 .temp_step_box > li { position: relative; float: left; width: 20%; margin-left: 5%; }
.cts0704_03 .temp_step_box > li:first-child { margin-left: 0; }
.cts0704_03 .temp_step_box > li:before { display: block; position: absolute; top: 50%; right: -43px; width: 20px; height: 18px; background: url(../images/contents/step_list_arrow.png) right center no-repeat; content: ""; }
.cts0704_03 .temp_step_box > li:last-child:before { display: none; }
.cts0704_03 .temp_step_box > li > p { display: table; width: 100%; border: 1px solid #dbdbdb; text-align: center; box-sizing: border-box; border-radius: 10px 10px 0 0; }
.cts0704_03 .temp_step_box > li > .tit { min-height: 81px; padding: 15px 5%; border-bottom: none; color: #494949; }
.cts0704_03 .temp_step_box > li > .text { min-height: 61px; padding: 5px 5%; border-top: none; background-color: #9b6137; color: #fff; font-size: 15px; border-radius: 0 0 10px 10px; }
.cts0704_03 .temp_step_box > li > p > span { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 1200px){
 .cts0704_03 .temp_step_box > li:before { right: -40px; }
 }

@media screen and (max-width: 1000px){
 .cts0704_03 .temp_step_box > li:before { right: -35px; }
 }

@media screen and (max-width: 840px){
 .cts0704_03 .temp_step_box > li:before { right: -30px; }
 }

@media screen and (max-width: 700px){
 .cts0704_03 .temp_step_box > li { float: none; width: 100%; margin-left: 0; margin-top: 15px; }
 .cts0704_03 .temp_step_box > li:before { display: none; }
 }

/*로그인 페이지*/
.l_box01 { float: left; width: 49%; border: 1px solid #c4c4c4; text-align: center; height: 350px; padding: 40px 25px 0 25px; border-radius: 0 20px; margin-right: 2%; }
.l_box01 .txt01 { margin: 20px 0; font-size: 20px; font-weight: 600; color: #2d2d2d; }
.l_box01 .txt02 { font-size: 16px; line-height: 22px; padding-bottom: 40px; color: #494949; position: relative; }
.l_box01 .txt02::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #00000010; }
.l_box02 { float: left; width: 49%; border: 1px solid #c4c4c4; text-align: center; height: 350px; padding: 40px 25px 0 25px; border-radius: 0 20px; }
.l_box02 .txt01 { margin: 20px 0; font-size: 20px; font-weight: 600; color: #2d2d2d; }
.l_box02 .txt02 { font-size: 16px; line-height: 22px; padding-bottom: 20px; color: #494949; position: relative; }
.l_box02 .txt02::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #00000010; }
.l_bot_btn a { display: block; background: #ff7611; width: 200px; margin: 25px auto 0; color: #fff; padding: 15px 0; border-radius: 0 15px; }
.login_box { font-size: 17px; font-weight: 400; color: #494949; line-height: 25px; }

@media screen and (max-width: 1260px){
 .l_box01 { padding: 20px 25px 0 25px; }
 .l_box02 { padding: 20px 25px 0 25px; }
 }

@media screen and (max-width: 1084px){
 .l_box01 { float: none; width: 100%; margin-right: 0; margin-bottom: 50px; }
 .l_box02 { float: none; width: 100%; }
 }

@media screen and (max-width: 640px){
 .l_box01 { height: auto; padding: 40px 25px; }
 .l_box01 .txt01 { font-size: 18px; }
 .l_box01 .txt02 { padding-bottom: 30px; }
 .l_box02 { height: auto; padding: 40px 25px; }
 .l_box02 .txt01 { font-size: 18px; }
 }

/*이메일 무단수집 거부*/
.cts0802 p { line-height: 23px; }

/*개인정보취급방침*/
.cts0803 p { line-height: 23px; }

/*교육사업제안 버튼*/
.blueM_b { display: block; width: 100%; text-align: center; margin: 60px auto 0; width: 242px; background: #292929; border-radius: 0 15px; padding: 20px 16px 20px 0; font-size: 20px; color: #fff; position: relative; }
.blueM_b span { color: #fff; }
.blueM_b::after { content: ""; position: absolute; top: 22px; right: 20px; background: url(../images/contents/step_list_arrow_on.png) no-repeat; width: 20px; height: 18px; }
@media all and (max-width: 640px){
 .blueM_b { font-size: 18px; }
 .blueM_b::after { top: 20px; }
 }

/*공모안내 */
.contest01 { max-width: 1120px; margin: 0 auto; }
.contest01 ol.num li { font-size: 18px; line-height: 30px; }
.contest01 ol.num > li:before { top: 4px; }

.contest01 .poster_wrap { margin: 10% 0; }
.contest01 .poster_wrap .poster_box { display: block; margin: 0 auto; max-width: 600px; }

.contest01 .lecture_btn { display: block; width: 100%; text-align: center; margin: 60px auto 0; width: 242px; background: #292929; border-radius: 0 15px; padding: 20px 16px 20px 0; font-size: 20px; color: #fff; position: relative; }
.contest01 .lecture_btn::after { content: ""; position: absolute; top: 22px; right: 20px; background: url(../images/contents/step_list_arrow_on.png) no-repeat; width: 20px; height: 18px; }

@media all and (max-width: 640px){
 .contest01 ol.num li { font-size: 16px; line-height: 22px; }
 .contest01 .lecture_btn { font-size: 18px; }
 .contest01 .lecture_btn::after { top: 20px; }
 }

/*공모접수*/
.contest02 .txt_essential { color: #ea4e36; }
.contest02 input[type="checkbox"] { margin: 0 8px 8px 0; }
.contest02 .t_c { text-align: right !important; margin-left: 33px; }
.contest02 .margin_t_20 { margin-top: 0; }

.contest02 .contest02-01,
.contest02 .contest02-02 { margin-bottom: 120px; }
.contest02 > div .contest_box,
.contest02 .contest02-03 .con_box01 { margin-left: 33px; }
.contest02 .contest02-01 .contest_box .contest_explan { margin-bottom: 30px; list-style-type: 1.3; color: #484848; }
.contest02 .contest02-01 .contest_box .table { margin-bottom: 20px; }
.contest02 .contest02-01 .contest_box .warning:before { top: 1px; }
.contest02 .contest02-02 .contest_box input[type="text"] { border: 1px solid #e3e3e3; border-radius: 5px; line-height: 46px; height: 48px; padding: 0 10px; font-size: 16px; color: #444; background-color: #fff; }

.contest02 .contest02-02 input[type="text"] { text-align: left; }
.contest02 .contest02-02 input[placeholder] { text-align: left; }
.contest02 .contest02-02 .text_center { text-align: left !important; }
.contest02 .contest02-02 .tit_box input,
.contest02 .contest02-02 .address_box input { width: 90%; }
.contest02 .contest02-02 .name_box input { width: 120px; }
.contest02 .contest02-02 .birth_box input { width: 120px; text-align: center; }
.contest02 .contest02-02 .tel_box input { width: 75px; text-align: center; }
.contest02 .contest02-02 .child_box input { margin: 0 10px 0 50px; width: 75px; text-align: center; }
.contest02 .contest02-02 .child_box input:first-child { margin: 0 10px 0 0; }
.contest02 .contest02-02 .submission_subtit { font-size: 15px; color: #666; line-height: 2.5; }
.contest02 .contest02-02 .submission_box input { width: 100%; }
.contest02 .contest02-02 .submission_box #submission_content { width: 100%; height: 150px; }
.contest02 .contest02-02 .submission_box .text_counter { text-align: right; margin-top: 8px; font-weight: 600; }
.contest02 .contest02-02 .submission_box .text_counter .text_bold { color: #222; }
.contest02 .submission_btn { margin-top: 120px; }
.contest02 .lecture_btn { display: block; width: 100%; text-align: center; margin: 60px auto 0; width: 242px; background: #292929; border-radius: 0 15px; padding: 20px 0 20px 0; font-size: 20px; color: #fff; position: relative; }

.contest02 .contest02-03 .scroll_box { width: inherit; }

@media all and (max-width: 968px){
 .contest02 > div .contest_box,
 .contest02 .contest02-03 .con_box01 { margin-left: 0; }
 .contest02 .t_c { margin-left: 0; }
 .contest02 .contest02-02 .name_box input,
 .contest02 .contest02-02 .address_box input,
 .contest02 .contest02-02 .mail_box input { text-align: center; }
 }
@media all and (max-width: 760px){
 .contest02 .warning { text-align: left; margin: 10px 6% 0 6%; }
 }
@media all and (max-width: 640px){
 .contest02 .lecture_btn { font-size: 18px; }
 .contest02 .lecture_btn::after { top: 20px; }
 .contest02 .contest02-03 .scroll_box { padding: 5% 5% 5% 2%; }
 }

@media all and (max-width: 620px){
 .contest02 .contest02-02 .child_box input { margin: 0 10px 0 20px; width: 75px; text-align: center; }
 .contest02 .contest02-02 .child_box input:first-child { margin: 0 10px 0 0; }
 }

.add-1017 { margin: 30px 0; }
.add-1017 li { margin: 15px 0; color: #ff7611; font-size: 20px; }
/* 테이블 외부 감싸는 박스 */
.table-wrap1017 { display: block; margin: 100px 0; overflow-x: auto; /* 가로 스크롤 활성화 */ }
.table-wrap1017 > p { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #222; line-height: 1.75; }
/* 테이블 기본 스타일 */
.custom-table { width: 100%; min-width: 760px; /* 최소 너비 지정 */
 border-collapse: collapse; text-align: center; color: #222; }
.custom-table1017 th,
.custom-table1017 td { border: 1px solid #ccc; padding: 30px; line-height: 1.4; }
.custom-table1017 thead th { background-color: #4e4e4e; color: #fff; font-weight: 600; font-size: 20px; }
.custom-table1017 tbody td { background-color: #f9f9f9; font-size: 18px; }
.custom-table1017 tbody tr:nth-child(even) td { background-color: #f0f4f1; /* 짝수 행 색상 */ }
.custom-table1017 tbody tr td { font-weight: 500; }
.custom-table1017 thead th[colspan] { text-align: center; }
.custom-table1017 thead th:first-child { background-color: #4e4e4e; }
.custom-table1017 tbody td span { color: #fff; background-color: #017d65; padding: 7px 15px; border-radius: 15px; display: inline-block; font-size: 12px; }

/*같이 톡톡 추가 20250403*/
:root {font-size: 10px;}
@media (max-width: 1280px) {
	:root {font-size: 10px;}
}
@media (max-width: 768px) {
	:root {font-size: 8px;}
}
@media (max-width: 480px) {
	:root {font-size: 8px;}
}

.withtalk { padding-bottom:0rem;}
.withtalk * {box-sizing: border-box;}

.withtalk .con_box01 { min-height: auto; padding: 4rem;}
.withtalk .icon_ul01 > li {font-size:1.6rem; padding-left:1.8rem; margin:0; line-height:1.3; margin-bottom:1rem;}
.withtalk .icon_ul01 > li:last-child {margin:0;}
.withtalk .icon_ul01 > li::before {top:1rem;}

.withtalk .btn-wrap {display: flex; align-items: center; justify-content: center; gap:2rem; margin-top:2rem;}
.withtalk .wt_btn {display: flex; align-items: center; justify-content: center; text-align: center;  background: #292929; border-radius: 0 1.5rem; padding: 0 5rem 0 2rem; font-size: 2rem; color: #fff; position: relative; min-width:36rem; height:6rem; transition: all 0.3s ease-in-out;}
.withtalk .wt_btn::after { content: ''; display: block;  width: 2rem; height: 1.8rem; position: absolute; top: 50%; right: 2rem; background: url(../images/contents/step_list_arrow_on.png) 50% 50% no-repeat; background-size: contain; transform: translate(0, -50%); transition: all 0.3s ease-in-out;}
.withtalk .wt_btn.type1 {border:2px solid #292929; background-color: #fff; color:#292929; letter-spacing: -0.05em;}
.withtalk .wt_btn:hover {background-color: #000; color:#fff;}
.withtalk .wt_btn:hover::after {transform: translate(0.5rem, -50%);}

@media all and (max-width: 640px){
	.withtalk .con_box01 { min-height: auto; padding: 3rem;}
	.withtalk .btn-wrap {flex-direction: column; gap:1rem;}
	.withtalk .wt_btn {width:100%; justify-content: flex-start;}
}

.withtalk .newBoard {margin-top:5rem; border-top:1px solid #292929; padding-top:2rem;}
.withtalk .newBoard__write th.required:before {display: none;}
.withtalk .newBoard__write-table th em {font-size:1.6rem; color:#666; vertical-align: baseline; display: inline-block; margin-top:0.5rem;}
.withtalk .newBoard__write-table .url-link .url-box{display: flex; width: 100%; align-items: center; gap:1rem;}
.withtalk .newBoard__write-table .url-link .url-box + .url-box {margin-top:1rem;}
.withtalk .newBoard__write-table .url-link .url-box .stit {flex-shrink: 0; color:#222; font-size:1.6rem;}
.withtalk .newBoard__write-table .mtit {font-size:1.6rem; }
.withtalk .newBoard__write-table .stxt {margin-top:1rem; color:#888; font-size:1.6rem; font-weight: 300; position:relative; padding-left: 2rem; line-height: 1.3;}
.withtalk .newBoard__write-table .stxt::before {content:'※'; position: absolute; top:0; left:0;}
.withtalk .newBoard__write-table .desc-box {margin-top:1rem;}
.withtalk .newBoard__write-table .desc-box .mtit{font-weight: 400; border-radius: 2rem; background-color:#333; display: inline-block; padding:0.5rem 1.2rem; text-align: center; color:#fff;}

.withtalk .newBoard__btn {padding:8rem 0 0rem;}
.withtalk .newBoard__btn-wrap {margin:0; display: flex; align-items: center; justify-content: center; gap:1rem;}
.withtalk .newBoard__btn .btn {line-height: 5rem; display:inline-flex; align-items: center; justify-content: center; margin:0;}

.withtalk .checkbox-label a {vertical-align: baseline; color:#000; text-decoration: underline; text-underline-offset: 0.25em;}



/*같이톡톡 작성완료*/
.withtalk-done{ text-align: center; border: 1.2rem solid #d6d6d6; padding: 5rem 3rem 8rem;}
.withtalk-done .tit { font-size: 3.6rem; color: #222; font-weight: 700;  margin-bottom:2rem; position:relative; line-height: 1.3;}
.withtalk-done .tit::before {content:''; width:12rem; height:12rem; border-radius: 10rem; display: block; margin: 0 auto; background: url(../images/contents/cts0704_01_img01.png) no-repeat center/contain; margin-bottom:2rem;}
.withtalk-done .txt {margin: 2rem 0 0rem ; color: #666; font-size: 1.8rem; line-height: 1.3;}
.withtalk-done + .btn-wrap {margin-top:6rem;}

.withtalk .table_type2 .ctrl {display: flex; align-items: center; justify-content: center; gap:0.5rem;}
.withtalk .table_type2 .ctrl .state {height:3rem; border-radius: 2rem; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; color:#fff; background-color: #292929; min-width: 8rem; font-size:1.4rem; letter-spacing: -0.05em; padding:0 1rem;}
.withtalk .table_type2 .ctrl .state.st0 {background-color: #292929; min-width:auto;}
.withtalk .table_type2 .ctrl .state.st1 {background-color: #3785d7;}
.withtalk .table_type2 .ctrl .state.st2 {background-color: #41a52a;}
.withtalk .table_type2 .ctrl .state.st3 {background-color: #888888;}
.withtalk .table_type2 .ctrl .state.st4 {background-color: #ef2b47;}

.withtalk .table_type2 .ctrl .del {height:3rem; border:2px solid #999; border-radius: 2rem; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; color:#222; background-color: #fff; padding:0 1rem; min-width: 6rem; font-size:1.4rem; letter-spacing: -0.05em; }
.withtalk .table_type2 .ctrl .del:hover {background-color: #292929; color:#fff; border-color:#292929;}

.withtalk .table_type2 .link a {color:#000; text-underline-offset: 0.25em;}
.withtalk .table_type2 .link a:hover {text-decoration: underline;}

/* 같이톡톡 리스트 스타일 */
.withtalk .table_list.type2 .table_type2 th,
.withtalk .table_list.type2 .table_type2 td{padding:2rem 1.5rem;}

@media all and (max-width:768px) {
	.withtalk .table_list.type2 .table_type2 th,
	.withtalk .table_list.type2 .table_type2 td{padding:1rem 2rem; text-align: left !important;}
	.withtalk .table_list.type2 .table_type2 td:last-child {padding-bottom:4rem;}
}


/* ===================================================== */
/* 로그인 */

.withtalk .login-wrap {max-width: 600px; width:95%; margin: 2rem auto 27.5rem; font-weight: 800; color: #222; font-size: 1.6rem;}

.withtalk .login-header {padding:8rem 0 3rem 0; position: relative;}
.withtalk .login-header::before {content:''; width: 6rem; height: 6rem; position: absolute; background: #292929 url('../images/common/ico_login.svg') no-repeat center / 2.8rem;border-radius: 50%; left: 50%; top: 0; transform: translate(-50%, 0%);}
.withtalk .login-header .title{font-weight: 700; display: flex; width:100%; justify-content:center; text-align: center; align-items: center; letter-spacing: 0.5em; line-height: 1.2;}


/* 입력창 */
.withtalk .login-input {position: relative; padding: 4rem 0;}
.withtalk .login-input::before {content: ''; width: calc(100% + 12px); left: -6px; top: -1px; background: linear-gradient(to right, #222 4px, transparent 4px, transparent 6px, #222 6px, #222 calc(100% - 6px), transparent calc(100% - 6px), transparent calc(100% - 4px), #222 calc(100% - 4px), #222 100% ) no-repeat center; height: 2px; position: absolute;}
.withtalk .login-input li {border: 1px solid #d6d6d6; border-radius: 0.6rem; display: flex; align-items: center; padding-left: max(4%, 1.5rem); flex-wrap: wrap; overflow: hidden;}
.withtalk .login-input li + li {margin-top:2rem;}
.withtalk .login-input li:has(input:focus) {border-color: #ff7611;}
.withtalk .login-input label { content: url('../images/common/login_input_ico01.svg'); flex-shrink: 0;}
.withtalk .login-input input {padding: 2rem 1.5rem; flex-grow: 1; outline: none; font-size: calc(1em + 1px); font-weight: 600; color:#222;}
.withtalk .login-input input::placeholder {font-weight: 500; color: #888;}
.withtalk .login-input li label[for*="pass"] {content: url('../images/common/login_input_ico02.svg');}
.withtalk .login-input li label[for*="mail"] {content: url('../images/common/login_input_ico03.svg');}


/* 로그인 버튼 */
.withtalk .login-btn :is(a, button) {font-size: 2.5rem; color: #fff; border-radius: 0.6rem; text-align: center; background-color: #222; padding: 1.5rem 1rem; letter-spacing: 0.025em; transition: all .2s; border:0;}
.withtalk .login-btn button {width: 100%;}
.withtalk .login-btn :is(a, button):hover {background-color: #ff7611;}

/* 로그인 */
/* ===================================================== */




/*같이톡톡 팝업내 스타일 20250425*/
.popup-overlay .popup {
    max-width: calc(100% - 30px);
	max-height:unset !important;
    min-width: 290px;
    position: absolute;
    top:unset !important;
    left: unset !important;
	transform: translate(0);
    z-index: 99998;
    box-shadow: 10px 10px 10px rgb(0, 0, 0, 20%);
}

.popup-overlay > .popup .text_popup .popup__content-wrap .text {padding:1.5rem; background-color: transparent; max-height:60vh;}
.popup-overlay .popup .text_popup .popup__content-wrap {padding:0;}
.wt__table-header {background-color: #fff; border:1px solid #313131; border-bottom:0; padding:2rem; border-radius: 1rem 1rem 0 0;}
.wt__table-header .icon_ul01 > li {font-size:1.6rem; line-height:1.2; padding-left:1.6rem;}
.wt__table-header .icon_ul01 > li::before {top:1rem;}

.wt__table table {border-top:2px solid #313131;}

.wt__table thead th {padding: 1rem 1.5rem; font-size: 1.6rem; font-weight: 600; color: #313131;  border-bottom: 1px solid #eaeaea; background-color: #f8f3ef; border-right: 1px solid #eaeaea; text-align: center; letter-spacing: -0.1em;}
.wt__table thead th:last-child {border-right:0;}

.wt__table tbody th,
.wt__table tbody td {padding: 1rem 1.5rem;  color:#767676;font-size: 1.4rem; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.wt__table tbody th {color:#313131; background-color: #f5f5f5; font-weight: 600; text-align: left;}
.wt__table tbody td:last-child {border-right:0;}

.wt__table .tit {position: relative; padding-left:2.2rem;}
.wt__table .tit::before {content:attr(data-num); display: flex; width:1.5rem; height:1.5rem; border:1px solid #313131; align-items: center; justify-content: center; line-height: 1; background-color: #313131; position: absolute; left:0; font-size: 1.2rem; color:#fff;}


.wt__table-footer {margin-top:3rem; padding-bottom:3rem;}
.wt__table-footer .btn-wrap {display: flex; align-items: center; justify-content: center;}

.wt__table-footer .wt_btn {display: flex; align-items: center; justify-content: center; text-align: center;  background: #292929; border-radius: 0 1.5rem; padding: 0 4rem 0 2rem; font-size: 1.4rem; color: #fff; position: relative; min-width:20rem; height:4.8rem; transition: all 0.3s ease-in-out;}
.wt__table-footer .wt_btn::after { content: ''; display: block;  width: 1.6rem; height: 1.6rem; position: absolute; top: 50%; right: 1.5rem; background: url(../images/contents/step_list_arrow_on.png) 50% 50% no-repeat; background-size: contain; transform: translate(0, -50%); transition: all 0.3s ease-in-out;}

.wt__table-footer .wt_btn:hover {background-color: #000; color:#fff;}
.wt__table-footer .wt_btn:hover::after {transform: translate(0.5rem, -50%);}


.wt__table-footer .wt_txt {display: flex; padding:3rem 0; justify-content: center; text-align: center;}
.wt__table-footer .wt_txt q {position: relative; font-size: 2.2rem; color:#313131; display: flex;}
.wt__table-footer .wt_txt q::before,
.wt__table-footer .wt_txt q::after {display: block; }
.wt__table-footer .wt_txt q::before {content:'“';}
.wt__table-footer .wt_txt q::after {content:'”';}
.wt__table-footer .logo {text-align: center; }
.wt__table-footer .logo img {max-width: 35%;}


@media all and (max-width: 768px){
	.wt__table thead {display: none;}

	.wt__table tbody tr {display: flex; flex-direction: column; border-bottom:1px solid #313131;}
	.wt__table tbody th,
	.wt__table tbody td {border-right:0;}
	.wt__list.check {display: flex; align-items: center;}
	.wt__list.check li {flex:1 1 50%;}

}



#cont0301_01 .edu_cont_left{margin-left:0; flex-shrink: 0;}
#cont0301_01 .edu_cont_right {display:block; text-align: left;}
#cont0301_01 .edu_cont-list {font-size:21px; color:#2e2e2e; line-height:1.2;}
#cont0301_01 .edu_cont-list li {position: relative; padding-left:12px;}
#cont0301_01 .edu_cont-list li + li {margin-top:8px;}
#cont0301_01 .edu_cont-list li::before {content:''; display: block; width:6px; height:2px; background-color: #2e2e2e; position:absolute; top:10px; left:0;}

@media all and (max-width: 950px){

}
@media all and (max-width: 950px){
	.cts0301_01 .edu_wrap .edu_cont {margin:85px 0 0; }
	#cont0301_01 .edu_cont_left{margin:0 auto;}
	#cont0301_01 .edu_cont_right {display:block; text-align: left; padding:20px; border-radius: 10px;}
	#cont0301_01 .edu_cont-list {font-size:19px;}
}

@media all and (max-width: 640px){
	.cts0301_01 .edu_wrap .edu_cont {margin:60px 0 0; }
	#cont0301_01 .edu_cont_right { padding:20px 15px;}
	#cont0301_01 .edu_cont-list {font-size:15px; padding-left:10px;}
	#cont0301_01 .edu_cont-list li::before {width:5px; height:1px; top:7px;}
}




/*조직도 수정 20250513*/
.cts0104 .org_wrap .org_depth4.mod { display: flex; justify-content: space-between; position: relative; padding-top:10px;}
.cts0104 .org_wrap .org_depth4.mod::before {content:''; display: block; height:1px; width:calc(100% - 180px); background-color: #d9d9d9; position: absolute; top:0; left:50%; transform: translate(-50%, -10px);}
.cts0104 .org_wrap .org_depth4.mod li { display: block; width: 180px; height: auto; background: transparent; border-radius: 0px; color: #fff; line-height: 1.2; font-size: 15px; font-weight: 300; letter-spacing: -0.1em; cursor: default; }
.cts0104 .org_wrap .org_depth4.mod li:hover { background: transparent; transition: all 0.3s ease; }
.cts0104 .org_wrap .org_depth4.mod li span { display: table-cell; vertical-align: middle; }
.cts0104 .org_wrap .org_depth4.mod .org_depth4-dep{ background-color: #8e715e; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 25px; cursor: pointer;transition: all 0.3s ease; position: relative;}
.cts0104 .org_wrap .org_depth4.mod .org_depth4-dep.dep-2 {background-color: #fff; margin-top:20px; color:#222; border:1px solid #8e715e;}

.cts0104 .org_wrap .org_depth4.mod .org_depth4-dep::before {content:''; display: block; height:20px; width:1px; background-color: #d9d9d9; position: absolute; top:0; left:50%; transform: translate(0, -100%); z-index: -1;}
.cts0104 .org_wrap .org_depth4.mod .org_depth4-dep:hover {background-color: #ff7611;}
.cts0104 .org_wrap .org_depth4.mod .org_depth4-dep.dep-2:hover {background-color: #8e715e; color:#fff;}

@media all and (max-width: 1060px){

 .cts0104 .org_wrap .org_depth4.mod { display: block; }
 .cts0104 .org_wrap .org_depth4.mod::before,
 .cts0104 .org_wrap .org_depth4.mod .org_depth4-dep::before {display: none;}
 .cts0104 .org_wrap .org_depth4.mod .org_depth4-dep.dep-2 {margin-top:10px; margin-bottom:25px;}
}