@charset "utf-8"; 

/*
	윤리 css파일, 이미지 폴더명 ethics 오타로 되어있음
	개발 없을 때 수정 필요
 */

/* 기업윤리 */
.v_pc { display: block; } 
.v_mo { display: none; } 
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}
.mt-100 {margin-top: 100px;}
.mt-140 {margin-top: 140px;}
.mb-80 {margin-bottom: 80px;}
.mb-100 {margin-bottom: 100px;}

#container.ethice .contents_area .menubtn_box { display: flex; justify-content: center; } 
#container.ethice .contents_area .menubtn_box button {cursor: pointer;display: block;color: #000;font-family: 'NotoSansR';font-size: 17px;line-height: 1;padding: 17px 20px;border-radius: 25px;border: 1px solid #999;background: #fff;margin-left: 11px;min-width: 200px;letter-spacing: -0.04em;} 
#container.ethice .contents_area .menubtn_box button.on { color: #fff; background: #000; border: none; } 
#container.ethice .contents_area .menubtn_box button:first-child { margin-left: 0; } 

/* 대교 기업윤리 */
#container.ethice .font-h2 {text-align: center; font-size: var(--font-size-h2); font-family: 'NotoSansB'; } 
#container.ethice .font-h3 {text-align: center; font-size: var(--font-size-h3); font-family: 'NotoSansM'; } 
#container.ethice .p-text {color: #666666;} 
#container.ethice .contents_area .section_list > li { display: none; } 
#container.ethice .contents_area .section_list > li.on { display: block; } 
#container.ethice .contents_area .section_list .txt_box { text-align: center; margin-top: 97px; } 
#container.ethice .contents_area .section_list .txt_box .txt_1 { font-family: 'NotoSansM'; font-size: 28px; line-height: 36px; letter-spacing: -0.04em; color: #333; } 
#container.ethice .contents_area .section_list .txt_box .txt_2 { font-size: 20px; line-height: 30px; letter-spacing: -0.04em; color: #666; margin-top: 27px; } 
#container.ethice .contents_area .section_list .txt_box .img_box {margin-top: 27px;} 
#container.ethice .contents_area .section_list .txt_box .img_box img{margin: 0 auto;} 
#container.ethice .contents_area .section_list .txt_box .txt_3 { font-family: 'NotoSansM'; font-size: 28px; line-height: 42px; letter-spacing: -0.04em; color: #333; margin-top: 23px; } 
#container.ethice .contents_area .section_list .txt_box .txt_4 { font-family: 'NotoSansR'; font-size: 16px; line-height: 26px; letter-spacing: -0.04em; color: #333; margin-top: 23px; background: #f7f7f7; padding: 46px 0; } 
#container.ethice .contents_area .section_list .txt_box span { font-family: 'NotoSansM'; } 

/* 윤리강령 */
#container.ethice .contents_area .section_list li .list_box { border-top: 1px solid #dadada; } 
#container.ethice .contents_area .section_list li .list_box:first-child { border-top: 1px solid #171717; margin-top: 99px; } 
#container.ethice .contents_area .section_list li .list_box:last-child { border-bottom: 1px solid #171717; } 
#container.ethice .contents_area .section_list li .list_box button { font-family: 'NotoSansM'; font-size: 28px; letter-spacing: -0.04em; line-height: 98px; padding: 0 60px; display: flex; align-items: center; justify-content: space-between; width: 100%; } 
#container.ethice .contents_area .section_list li .list_box button::after { content:''; background:url('/static/img/ethice/icon_plus.png') no-repeat; width: 31px; height: 31px; display: block; } 
#container.ethice .contents_area .section_list li .list_box.on button::after { content:''; background:url('/static/img/ethice/icon_minus.png') no-repeat; width: 31px; height: 31px; display: block; } 
#container.ethice .contents_area .section_list li .list_box .sub_box { background: #efefef; padding: 50px 60px; font-family: 'NotoSansL'; font-size: 17px; line-height: 32px; letter-spacing: -0.04em; color: #666; display: none; } 
#container.ethice .contents_area .section_list li .list_box .sub_box p { font-family: 'NotoSansM'; color: #333; } 

/* 핵심규범 */
#container.ethice .contents_area .section_list .txt_box.mainpoint { margin-top: 90px; } 
#container.ethice .contents_area .section_list .txt_box.mainpoint .txt_1 { line-height: 46px; } 
#container.ethice .contents_area .section_list .txt_box.mainpoint .img_box { margin-top: 43px; } 

@media all and (max-width:1023px) { /* 공통 */
    .v_pc { display: none; } 
    .v_mo { display: block; } 
	.mt-10 {margin-top: 1.39vw;}
	.mt-20 {margin-top: 2.78vw;}
	.mt-30 {margin-top: 4.17vw;}
	.mt-60 {margin-top: 8.33vw;}
	.mt-80 {margin-top: 11.11vw;}
	.mt-100 {margin-top: 13.89vw;}
	.mt-140 {margin-top: 19.44vw;}
	.mb-80 {margin-bottom: 11.11vw;}
	.mb-100 {margin-bottom: 13.89vw;}
    .ethice img { width: 100%; } 

    #wrap #container .visual_area { height:52.77vw } 
    #wrap #container.ethice .contents_area { padding: 13.89vw 6.67vw 0 6.67vw; max-width: 100%; } 
    #container.ethice .contents_area .menubtn_box { justify-content: space-between; } 
    #container.ethice .contents_area .menubtn_box button { min-width: 27.78vw; padding: 3.59vw 0; line-height: 1.4; border-radius: 6.25vw; font-size: 3.61vw; margin-left: 1.53vw;} 
    #container.ethice .contents_area .section_list { margin-top: 6.94vw; } 
	/* 대교 기업윤리 */
    #container.ethice .contents_area .section_list .txt_box { margin-top: 11.11vw; } 
    #container.ethice .contents_area .section_list .txt_box .txt_1 {font-size: 5.56vw;line-height: 5.9vw;} 
    #container.ethice .contents_area .section_list .txt_box .txt_2 { font-size: 3.33vw; line-height: 5.28vw; margin-top: 5.00vw; } 
    #container.ethice .contents_area .section_list .txt_box .img_box { margin-top: -5.83vw; } 
    #container.ethice .contents_area .section_list .txt_box .img_box img { margin: 0 auto; } 
    #container.ethice .contents_area .section_list .txt_box .txt_3 { font-size: 3.89vw; line-height: 5.83vw; margin-top: -5.14vw; } 
    #container.ethice .contents_area .section_list .txt_box .txt_4 { font-size: 2.50vw; line-height: 4.72vw; margin-top: 6.94vw; padding: 6.39vw 6.11vw; } 

	/* 윤리강령 */
    #container.ethice .contents_area .section_list li .list_box { border-top: 1px solid #dadada; } 
    #container.ethice .contents_area .section_list li .list_box:first-child {margin-top: 11.11vw; border-top: 1px solid #171717; } 
    #container.ethice .contents_area .section_list li .list_box button { font-size: 3.89vw; line-height: 13.61vw; padding: 0 8.33vw; } 
    #container.ethice .contents_area .section_list li .list_box button::after { content: ''; background: url(/static/img/ethice/icon_plus.png) no-repeat; background-size: 100% auto; width: 4.31vw; height: 4.31vw; display: block; } 
    #container.ethice .contents_area .section_list li .list_box.on button::after { content: ''; background: url(/static/img/ethice/icon_minus.png) no-repeat; background-size: 100% auto; width: 4.31vw; height: 4.31vw; display: block; } 
    #container.ethice .contents_area .section_list li .list_box .sub_box { font-size: 3.33vw; line-height: 5.28vw; padding: 7.64vw 8.61vw; } 

    #container.ethice .contents_area .section_list .txt_box.mainpoint {margin-top: 11.11vw;} 
    #container.ethice .contents_area .section_list .txt_box.mainpoint .txt_1 { font-size: 4.44vw; line-height: 6.39vw; } 
    #container.ethice .contents_area .section_list .txt_box.mainpoint .img_box { margin-top: 6.94vw; } 
}



/* 
 **** 윤리실천 ****
 */
.practice-section { text-align: center; font-size: var(--font-size); color: #333333; line-height: 1.6; letter-spacing: -0.04em; } 
.practice-section img { max-width: 100%; vertical-align: middle; } 
.practice-section b { font-family: 'NotoSansB'; font-weight: normal; } 
.practice-section strong { font-family: 'NotoSansB'; font-weight: normal; } 
.practice-section .img-box img { margin: 0 auto; } 
.practice-section .gray-box { background-color: #F7F7F7; padding: 40px; } 
.propose-btn-wrap > p { color: #666666; } 
.arrow-black-btn { position: relative; display: inline-block; width: 460px; height: 70px; color: #fff; font-family: 'NotoSansM'; font-size: var(--font-size-h4); line-height: 69px; text-align: left; border-radius: 70px; padding-left: 38px; background: #000; } 
.arrow-black-btn:before { content: ''; position: absolute; right: 38px; top: 50%; display: block; width: 62px; height: 2px; margin-top: -1px; background: #fff } 
.arrow-black-btn:after { content: ''; position: absolute; right: 38px; top: 50%; display: block; width: 15px; height: 2px; margin-top: -1px; background: #fff; transform: rotate(35deg); transform-origin: bottom right; } 
.propose_tab .tab_square button { flex: 1; height: 60px; border-color: #DADADA; font-family: 'NotoSansR'; font-size: 18px; color: #666666; } 
.propose_tab .tab_square button.on { background-color: #333333; font-family: 'NotoSansR'; font-size: 18px; } 
.tab_cont { display: none } 
/* 대교 콘텐츠 윤리가이드 */
.practice-section .gray-box.guideLine-box { padding-bottom: 130px; } 
.guideLine-box .font-h3 { margin-top: 60px; margin-bottom: 60px; } 
.guideLine-box .__list {
	display: grid;
	justify-content: center;
	grid-template-columns: 430px 430px;
	gap: 60px 100px; 
} 
.guideLine-box .__list > li { display: flex; gap: 20px; align-items: center; text-align: left; } 
.guideLine-box .__list > li img { max-height: 120px; box-shadow: 0px 30px 50px 2px rgba(0, 0, 0, 0.12); border-radius: 100%; } 
.guideLine-box .__list > li p { flex: 1; font-size: 17px; font-weight: 300; letter-spacing: -0.04em; } 
.guideLine-box .__list > li b { position: relative; display: block; padding-left: 40px; margin-bottom: 10px; font-family: 'NotoSansM'; font-size: 22px; } 
.guideLine-box .__list > li b::before { content: ''; position: absolute; left: 0; top: 0.15em; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.guideLine-box .__list > li:nth-child(1) b::before {background-image: url(/static/img/ethice/num_c_1.svg);}
.guideLine-box .__list > li:nth-child(2) b::before {background-image: url(/static/img/ethice/num_c_2.svg);}
.guideLine-box .__list > li:nth-child(3) b::before {background-image: url(/static/img/ethice/num_c_3.svg);}
.guideLine-box .__list > li:nth-child(4) b::before {background-image: url(/static/img/ethice/num_c_4.svg);}
.guideLine-box .__list > li:nth-child(5) b::before {background-image: url(/static/img/ethice/num_c_5.svg);}
.guideLine-box .__list > li:nth-child(6) b::before {background-image: url(/static/img/ethice/num_c_6.svg);}
.guideLine-box .__list > li:nth-child(7) b::before {background-image: url(/static/img/ethice/num_c_7.svg);}
.guideLine-box .__list > li:nth-child(8) b::before {background-image: url(/static/img/ethice/num_c_8.svg);}
.guideLine-EX-box .__list { display: flex; gap: 30px; justify-content: center; } 
.guideLine-EX-box .__list > li { position: relative; background-color: #F7F7F7; padding: 0px 30px 40px; box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.12); } 
.guideLine-EX-box .__list > li b { display: block; width: 180px; margin: 0 auto 40px; padding: 11px; background-color: #FDB913; border-radius: 0 0 10px 10px; font-size: 24px; font-family: 'NotoSansM'; color: #ffffff; } 
.guideLine-EX-box .__list > li p { margin-top: 20px; font-size: 17px; color: #666; } 
.practice-section .gray-box.customerLng-box { padding: 100px; } 

.customerLng-box .__list-wrap { display: flex; justify-content: space-between; gap: 48px; margin: 80px auto 0; } 
.customerLng-box .__list-wrap > li {flex: 0 1 368px; border-bottom: 1px solid #DADADA; }
.customerLng-box .__list-wrap .num { position: absolute; top: 0; width: 60px; height: 60px; border-radius: 100%; transform: translateY(-50%); overflow: hidden; text-indent: -9999px; background: #ffffff no-repeat center; transition: all 0.5s ease-in-out; } 
.customerLng-box .__list-wrap .cricle { width: 240px; height: 240px; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; background-color: #ffffff; border: 1px solid #ddd; border-radius: 100%; font-size: 20px; font-family: 'NotoSansL'; transition: all 0.5s ease-in-out; } 
.customerLng-box .__list-wrap .cricle p { color: #666; transition: transform 0.5s ease-in-out, color 0.3s linear; }
.customerLng-box .__list-wrap .list { margin-top: 40px; padding: 20px; border-top: 1px solid #DADADA; text-align: left; font-size: 18px; font-family: 'NotoSansL'; line-height: 1.6; color: #666666; transition: all 0.5s ease-in-out; }
.customerLng-box .__list-wrap .list > li { text-indent: -1.2em; margin-left: 1.2em;}
@media all and (min-width:1024px) { /*pc만*/
	.customerLng-box .__list-wrap li:not(.on) b { font-family: 'NotoSansL';}
	.customerLng-box .__list-wrap li:nth-child(1) .num { background-image: url(/static/img/ethice/num_1.svg); border: 1px solid #0081B7; } 
	.customerLng-box .__list-wrap li:nth-child(2) .num { background-image: url(/static/img/ethice/num_2.svg); border: 1px solid #F37321;} 
	.customerLng-box .__list-wrap li:nth-child(3) .num { background-image: url(/static/img/ethice/num_3.svg); border: 1px solid #45B97C;} 
	.customerLng-box .__list-wrap > li:nth-child(1) .cricle { border-color: #0081B7 }
	.customerLng-box .__list-wrap > li:nth-child(2) .cricle { border-color: #F37321 }
	.customerLng-box .__list-wrap > li:nth-child(3) .cricle { border-color: #45B97C }
	.customerLng-box .__list-wrap > li.on b { font-family: 'NotoSansM'; }
	.customerLng-box .__list-wrap > li.on .num { border: 4px solid #fff;}
	.customerLng-box .__list-wrap > li.on:nth-child(1) .num {background-color: #0081B7; background-image: url(/static/img/ethice/num_1_on.svg);}
	.customerLng-box .__list-wrap > li.on:nth-child(2) .num {background-color: #F37321; background-image: url(/static/img/ethice/num_2_on.svg);}
	.customerLng-box .__list-wrap > li.on:nth-child(3) .num {background-color: #45B97C; background-image: url(/static/img/ethice/num_3_on.svg);}
	.customerLng-box .__list-wrap > li.on .cricle { box-shadow: 0px 30px 50px 2px rgba(0, 0, 0, 0.12);}
	.customerLng-box .__list-wrap > li.on .cricle p { color: #fff; transform: scale(1.25);}
	.customerLng-box .__list-wrap > li.on:nth-child(1) .cricle { background-color: #0081B7;}
	.customerLng-box .__list-wrap > li.on:nth-child(2) .cricle { background-color: #F37321;}
	.customerLng-box .__list-wrap > li.on:nth-child(3) .cricle { background-color: #45B97C;}
	.customerLng-box .__list-wrap > li.on:nth-child(1) .list { color: #0081B7;}
	.customerLng-box .__list-wrap > li.on:nth-child(2) .list { color: #F37321;}
	.customerLng-box .__list-wrap > li.on:nth-child(3) .list { color: #45B97C;}
}
.customerLng-EX-box .__list {display: flex; justify-content: center;gap: 30px; } 
.customerLng-EX-box .__list > li {flex: 0 1 380px;padding: 0 30px 60px;background-color: #F7F7F7;box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.12);font-size: 18px; } 
.customerLng-EX-box .__list .__title {width: 240px; margin: 0 auto 30px; padding: 12px; background-color: #DADADA; border-radius: 0 0 10px 10px; font-family: 'NotoSansL';font-size: 24px; color: #fff; } 
.customerLng-EX-box .__list > li:nth-child(1) .__title {background-color: #0081B7;}
.customerLng-EX-box .__list > li:nth-child(2) .__title { background-color: #F37321;}
.customerLng-EX-box .__list > li:nth-child(3) .__title { background-color: #45B97C;}
.customerLng-EX-box .__list .__title b { font-family: 'NotoSansM'; }
.customerLng-EX-box .__list .text_2 {margin-top: 20px; } 

/* 사이드 픽스 버튼 : 제안하기 */
.side-fixed-button { position: fixed; right: 9px; bottom: 98px; z-index: 20; } 
.side-fixed-button .arrow-black-btn {display: table-cell; vertical-align: middle; width: 190px;height: 80px;padding-left: 20px;padding-right: 60px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1.4;letter-spacing: -0.01em; cursor: pointer;} 
.side-fixed-button .arrow-black-btn::before { width: 32px; right: 20px; } 
.side-fixed-button .arrow-black-btn::after {width: 8px;right: 20px; } 
.side-fixed-button .arrow-black-btn span {display: block;}

@media all and (max-width:1023px) {
	/* 모바일 */
	.practice-section .gray-box { margin-left: -6.67vw; margin-right: -6.67vw; padding: 8.33vw 6.4vw; font-size: 3.33vw;}
	.guideLine-box .font-h3 {margin-top: 5.56vw; margin-bottom: 8.33vw;}
	.guideLine-box .__list { display: flex; flex-direction: column; gap: 8.33vw; max-width: 91%; margin: 0 auto; }
	.guideLine-box .__list > li { grid-area: unset; gap: 4.17vw;}
	.guideLine-box .__list > li img { width: 25vw; max-height: 25vw;}
	.guideLine-box .__list > li p {font-size: 3.33vw;}
	.guideLine-box .__list > li b { padding-left: 6.94vw; margin-bottom: 1.39vw; font-size: 3.89vw;}
	.guideLine-box .__list > li b::before {top: 0.1em; width: 5.56vw; height: 5.56vw; background-size: 90%;}
	.practice-section .gray-box.guideLine-box { padding-bottom: 18.06vw; }
	.guideLine-EX-box .__list {flex-direction: column; gap: 5.56vw;}
	.guideLine-EX-box .__list > li { padding: 0vw 4.17vw 5.56vw; box-shadow: 0px 4.17vw 6.94vw rgba(0, 0, 0, 0.12);}
	.guideLine-EX-box .__list > li b {width: 30.56vw; margin-bottom: 5.56vw; padding: 2vw; border-radius: 0 0 1.39vw 1.39vw; font-size: 4.44vw;}
	.guideLine-EX-box .__list > li p {margin-top: 4.17vw; font-size: 3.06vw;}
	
	.customerLng-box .__list-wrap {flex-direction: column; gap: 13.89vw; margin: 5.56vw -6.67vw 0; padding-top: 13.89vw; padding-bottom: 13.89vw; background-color: #F7F7F7;}
	.customerLng-box .__list-wrap > li {flex: auto; border: 0;}
	.customerLng-box .__list-wrap .cricle {width: 41.67vw; height: 41.67vw; font-size: 4.44vw; box-shadow: 0px 4.17vw 6.94vw 0.28vw rgba(0, 0, 0, 0.12); }
	.customerLng-box .__list-wrap > li:nth-child(1) .cricle { background-color: #0081B7;}
	.customerLng-box .__list-wrap > li:nth-child(2) .cricle { background-color: #F37321;}
	.customerLng-box .__list-wrap > li:nth-child(3) .cricle { background-color: #45B97C;}
	.customerLng-box .__list-wrap > li .num {width: 11.11vw; height: 11.11vw; background-size: auto 3.56vw; border: 0.56vw solid #fff;}
	.customerLng-box .__list-wrap > li:nth-child(1) .num {background-color: #0081B7; background-image: url(/static/img/ethice/num_1_on.svg);}
	.customerLng-box .__list-wrap > li:nth-child(2) .num {background-color: #F37321; background-image: url(/static/img/ethice/num_2_on.svg);}
	.customerLng-box .__list-wrap > li:nth-child(3) .num {background-color: #45B97C; background-image: url(/static/img/ethice/num_3_on.svg);}
	.customerLng-box .__list-wrap > li .cricle p { color: #fff;}
	.customerLng-box .__list-wrap .list {margin-top: 4.17vw; padding: 0; font-size: 3.33vw; border: 0;text-align: center;}
	.customerLng-box .__list-wrap .list b { font-family: 'NotoSansM';}
	.customerLng-box .__list-wrap > li:nth-child(1) .list { color: #0081B7}
	.customerLng-box .__list-wrap > li:nth-child(2) .list { color: #F37321}
	.customerLng-box .__list-wrap > li:nth-child(3) .list { color: #45B97C}

	.customerLng-EX-box .__list {flex-direction: column; gap: 13.89vw;}
	.customerLng-EX-box .__list > li { flex: auto; padding: 0vw 4.17vw 8.33vw; box-shadow: 0px 4.17vw 6.94vw rgba(0, 0, 0, 0.12);}
	.customerLng-EX-box .__list .__title { width: 55.56vw; margin-bottom: 5.56vw; padding: 1.24vw; border-radius: 0 0 1.39vw 1.39vw; font-size: 4.44vw;}
	.customerLng-EX-box .__list img {width: auto;max-height: 69vw;}
	.customerLng-EX-box .__list .text_2 {margin-top: 2.78vw; font-size: 3.06vw;}

	.arrow-black-btn { width: 63.89vw; height: 12.52vw; line-height: 12.5vw; padding-left: 5.28vw; border-radius: 13vw;}
	.arrow-black-btn:before { right: 5.28vw; width: 8.61vw; height: 0.28vw;}
	.arrow-black-btn:after { right: 5.28vw; width: 2.08vw; height: 0.28vw;}

	/* 사이드 픽스 버튼 : 제안하기 */
	.side-fixed-button {bottom: 16vw;right: 4.17vw; } 
	.side-fixed-button .arrow-black-btn {width: 20.56vw; height: 9.72vw; padding-left: 2.78vw; padding-right: 8.33vw; font-size: 2.5vw; } 
	.side-fixed-button .arrow-black-btn::before {width: 4.31vw; right: 2.78vw; } 
	.side-fixed-button .arrow-black-btn::after {height: 0.28vw;right: 2.78vw; } 
	.side-fixed-button .arrow-black-btn span { display: none; } 
}


/* 
 **** 윤리활동:연혁 ****
 */
.tab_square { display: flex; justify-content: center; } 
.tab_square button { flex: 1 1 auto; display: block; height: 80px; margin-left: -1px; background: #fff; border: 1px solid #e5e5e5; font-family: 'MontserratM'; font-size: 20px; color: #adadad; line-height: 1; letter-spacing: 0.05em; cursor: pointer; } 
.tab_square button:first-child { margin-left: 0; } 
.tab_square button .__txt { font-family: 'NotoSansM'; } 
.tab_square button.on { border: none; font-family: 'MontserratB'; font-size: 32px; color: #fff; } 
.tab_square button.on .__txt { font-family: 'NotoSansB'; } 
.tab_square.col3 button { flex: 0 0 33.3333%; min-width: 33.3333%; } 
.tab_square button.part_03.on { background-color: #45b97c; } 
.tab_square button.part_02.on { background-color: #0081b8; } 
.tab_square button.part_01.on { background-color: #feb914; } 

.history_content { margin-top: 110px; line-height: 1.4; } 
.history_content .part > li { position: relative; width: 50%; margin-left: auto; padding-top: 70px; padding-left: 30px; padding-bottom: 90px; } 
.history_content .part > li::before { content: ''; width: 10px; height: 10px; position: absolute; top: 0; left: 0; border-radius: 100%; transform: translate(-50%, -50%); z-index: 10; } 
.history_content .part > li::after { content: ''; width: 1px; height: 100%; border-left: 1px solid #e7e7ee; position: absolute; top: 0; left: -1px; } 
.history_content .part > li:last-child {padding-bottom: 0;}
.history_content .part > li:last-child:after { content: none; } 
.history_content .part .year_title { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; position: absolute; top: 0px; left: 0; border-width: 2px; border-style: solid; border-radius: 100%; font-family: 'NotoSansM'; font-size: 20px; letter-spacing: -0.045em; transform: translate(0%, -50%); z-index: 10;} 
.history_content .part dl { position: relative; font-size: 18px; letter-spacing: -0.03em; padding-left: 55px; color: #666; } 
.history_content .part dl dt { position: absolute; top: 0; left: 0; font-family: 'NotoSansM'; color: #1a1919; } 
@media all and (min-width:1024px) {
    /* pc에서만 사용 */
    .history_content .part > li:nth-child(even) { margin-left: 0; padding-left: 0; padding-right: 30px; } 
    .history_content .part > li:nth-child(even)::before,
    .history_content .part > li:nth-child(even)::after { left: 100%; } 
    .history_content .part > li:nth-child(even) .year_title { left: auto; right: 0; } 
    .history_content .part > li:nth-child(even) dl { padding-left: 0; padding-right: 55px; text-align: right; } 
    .history_content .part > li:nth-child(even) dl dt { right: 0; left: auto; } 
}
.history_content .part dl + dl,
.history_content .part dl dd + dd { margin-top: 10px; } 
.history_content .part.part_03 > li::before { background-color: #45b97c; } 
.history_content .part.part_03 .year_title { border-color: #45b97c; color: #45b97c; } 
.history_content .part.part_02 > li::before { background-color: #0081b8; } 
.history_content .part.part_02 .year_title { border-color: #0081b8; color: #0081b8; } 
.history_content .part.part_01 > li::before { background-color: #feb914; } 
.history_content .part.part_01 .year_title { border-color: #feb914; color: #feb914; } 

@media all and (max-width:1023px) {
    .tab_square button { height: 11.11vw; font-size: 3.06VW; } 
    .tab_square button.on { font-size: 3.61vw; } 

    .history_content { margin-top: 20.83vw; } 
    .history_content .part > li { width: 100%; padding-top: 12.5vw; padding-left: 6.2vw; padding-bottom: 19.44vw; } 
    .history_content .part > li:last-child { padding-bottom: 0; } 
    .history_content .part > li::before { width: 2.5vw; height: 2.5vw; } 
    .history_content .part > li::after { left: 0.1vw; } 
    .history_content .part .year_title { width: 16.67vw; height: 16.67vw; font-size: 3.61vw; } 
    .history_content .part dl { padding-left: 10.42vw; font-size: 3.33vw; } 
    .history_content .part dl + dl, .history_content .part dl dd + dd { margin-bottom: 1.39vw; } 
}
/* } 윤리활동:연혁 */