/*============20240122=============*/
.syt-intro-240122{margin-bottom:40px;}
#contents .intro-240122-tit h5{color:#333333;font-weight:600;font-size:26px;position:relative;padding:0;display:inline-block;margin:0;}
#contents .intro-240122-tit h5::before{content:"";display:block;background:none;width:100%;border-bottom:11px solid #e3cab8;position:absolute;left:0;right:0;top:-7px;z-index:-1;}
#contents .intro-240122-c1{margin-top:50px;}
#contents .intro-240122-c1 h6{padding:8px 12px;background:#e63c64;display:inline-block;font-size:20px;font-weight:500;color:#fff;margin:0;}
#contents .intro-240122-c1 h6::before{display:none;}
#contents .intro-240122-d1{margin-top:20px;font-size:20px;font-weight:500;color:#666666;}

.intro-240122-u1{margin-top:30px;}
.intro-240122-u1 > ul{display:flex;margin-left:-40px;}
.intro-240122-u1 > ul > li{width:calc(100% / 5 - 40px);margin-left:40px;box-shadow:0 4px 4px 1px rgba(183,183,183,1);border-radius:8px;}
.intro-240122-u1 > ul > li .intro-uid1{height:47px;background:#62677b;border-radius:8px 8px 0 0;font-size:22px;color:#fff;font-weight:500;display:flex;justify-content: center;align-items: center;}
.intro-240122-u1 > ul > li .intro-uid2{height:90px;background:#fff;border-radius:0 0 8px 8px;font-size:18px;color:#555555;position:relative;display:flex;justify-content: center;align-items: center;}
.intro-240122-u1 > ul > li .intro-uid2::before{content:"";display:block;width:33px;height:32px;background:url(/site/chief/images/sub/icon01_240122.png)no-repeat left center;position:absolute;left:-36px;top:50%;transform:translateY(-50%);}
.intro-240122-u1 > ul > li:first-child .intro-uid2::before{display:none;}
.intro-240122-u1 > ul > li .intro-uid2 div{text-align:center;padding:10px;}
.intro-240122-u1 > ul > li .intro-uid2 p{font-size:20px;color:#555555;}

.intro-240122-tt{margin-top:30px;}
#contents .intro-240122-btn{ -webkit-print-color-adjust: exact;font-family: 'NotoKr', 'GmarketSans', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif}
.intro-240122-btn{display:inline-block;position:relative;padding:5px 40px 5px 10px;border-radius:8px;border:2px solid #62677b;background:#fff;color:#40496c;font-size:16px;font-weight:500;}
.intro-240122-btn::before{content:"";display:block;width:1px;height:16px;background:#62677b;position:absolute;right:30px;top:50%;transform:translateY(-50%);}
.intro-240122-btn::after{content:"";display:block;width:12px;height:11px;background:url(/site/chief/images/sub/icon02_240122.png)no-repeat left center;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.js2401-btn1.intro-ond1::after{transform: rotate(180deg) translatey(50%);}
.js2401-btn2.intro-ond2::after{transform: rotate(180deg) translatey(50%);}

.intro-240122-txt {padding:20px 0 50px 0;position:relative;display:none;}
.intro-240122-txt > ul > li{padding:8px 0;font-size:18px;color:#555555;font-weight:500;display:table;}
.intro-240122-txt > ul > li .intro-240122-btn{margin:0 5px;color:#555555;font-weight:500;}
.intro-240122-txt > ul > li span:first-child{display:table-cell;color:#e63c63;font-weight:600;padding-right:5px;white-space:nowrap;}
.intro-240122-txt > ul > li span.intro-240122-scl{color:#e87676;}
.intro-240122-pup {border:6px solid #62677b;background:#fff;padding:30px 35px;border-radius:6px;max-width:750px;width:98%;position:absolute;left:50%;transform:translateX(-50%);z-index:100;top:115px;display:none;}
.intro-240122-pup > ul > li {color:#676767;font-size:15px;font-weight:400;padding:3px 0;letter-spacing:-0.5px;line-height:22px;display:table;}
.intro-240122-pup > ul > li span:first-child {display:table-cell;padding-right:5px;}
.intro-240122-pinp{font-size:16px;color:#676767;font-weight:600;padding-left:20px;margin:20px 0 10px 0;position:relative;}
.intro-240122-pinp::before{content:"";display:block;width:14px;height:14px;background:url(/site/chief/images/sub/icon04_240122.png)no-repeat left center;position:absolute;left:0;top:5px;}
.intro-240122-pupof{position:absolute;right:11px;top:11px;height:13px;display:inline-block;line-height:13px;font-size:13px;}


@media screen and (max-width:768px){

	#contents .intro-240122-tit h5 { font-size: 20px;}
	#contents .intro-240122-d1 { margin-top: 15px; font-size: 16px;}
	#contents .intro-240122-c1 {margin-top: 20px;}
	#contents .intro-240122-c1 h6 { font-size: 16px;}

	.intro-240122-u1 {margin-top: 20px;}
	.intro-240122-u1 > ul  {margin: -15px 0 0 -15px;flex-wrap: wrap;}
	.intro-240122-u1 > ul > li {width: calc(100% / 2 - 15px); margin-left: 15px;margin-top:15px;}
	.intro-240122-u1 > ul > li .intro-uid2::before { display:none;}
	.intro-240122-u1 > ul > li .intro-uid1 { height: 32px;font-size: 16px;}
	.intro-240122-u1 > ul > li .intro-uid2 p { font-size: 16px;}
	.intro-240122-u1 > ul > li .intro-uid2 { min-height: 80px; font-size: 18px;height:auto;}

	.intro-240122-btn { font-size: 15px;}
	.intro-240122-txt {  padding: 20px 0 0 0;}
	.intro-240122-txt > ul > li { font-size: 15px;display:block;padding:5px 0;}
	.intro-240122-txt > ul > li span:first-child {display: block; padding-right: 5px; font-size: 15px;}
	.syt-intro-240122 {margin-bottom: 10px;}

	.intro-240122-pup { border: 3px solid #62677b; padding: 20px 10px 10px 10px;top: 80px;}
	.intro-240122-pupof {right: 8px;top: 6px;}
	.intro-240122-pinp { margin: 10px 0 10px 0;}

}



