/* BASIC css start */
.container { width:100%; height:100%; position:relative; margin:0 auto; }
#wrapper { overflow-x: hidden; }
#overlay_layer { display: none;}
#dr-intro * { font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif !important;}
#dr-intro { color: #201615; letter-spacing: -0.125rem; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif;}    
#dr-intro img { max-width: 100%; }
#dr-intro .heading-tit h2 { font-size: 30px; line-height: 38px; font-weight: 700; }
#dr-intro .inner {position: relative; max-width: 1400px; margin: 0 auto; }
#dr-intro .inner-lg {position: relative; max-width: 1920px; margin: 0 auto; }
#dr-intro .intro-top { margin: 32px auto 60px; }
#dr-intro .intro-top .video-wrap { position: relative; /*height: 220px;*/ text-align: center; margin: 0 16px; border-radius: 8px; }
#dr-intro .intro-top .video-wrap::before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); border-radius: 8px; }
#dr-intro .intro-top .video-wrap .video-overlay { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
#dr-intro .intro-top .video-wrap .video-overlay .logo { display: block; margin: 0 0 16px 0;}
#dr-intro .intro-top .video-wrap .video-overlay img { margin-left: 8px; vertical-align: middle; }
#dr-intro .intro-top .video-wrap .video-overlay a { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0; cursor: pointer; }
#dr-intro .intro-top .video-wrap video { width: 100%; height: 220px; object-fit: cover; min-width: 100%; border-radius: 8px; }
#dr-intro .intro-top .video-wrap .im { width: 100%; /*height: 220px;*/ object-fit: cover; min-width: 100%; border-radius: 8px; }

#dr-intro .intro-top p { margin: 24px 16px 0; font-size: 14px; line-height: 22px; color: #5b5b5b; }
#dr-intro .intro-gre { background: #f5f5f5; }
#dr-intro .intro-gre .gre-area { display: flex; align-items: center; flex-flow: column-reverse; }
#dr-intro .intro-gre .gre-txt { margin: 60px 16px; }
#dr-intro .intro-gre .gre-txt strong { display: block; font-size: 30px; line-height: 38px; }
#dr-intro .intro-gre .gre-txt b { display: block; font-size: 14px; margin: 8px 0 24px; line-height: normal; font-weight: 600; }
#dr-intro .intro-gre .gre-txt p { font-size: 14px; line-height: 22px; }
#dr-intro .intro-gre .gre-txt p + p { margin-top: 16px; }
#dr-intro .intro-gre .gre-txt img { margin-top: 24px; width: 90px; }
#dr-intro .intro-gre .gre-photo { flex: 1; }
#dr-intro .intro-ban { height: 330px; background: #1f2bb5; }
#dr-intro .intro-ban .ban-area { position: relative; text-align: center; }
#dr-intro .intro-ban .ban-area .ban-sym { padding-top: 60px; }
#dr-intro .intro-ban .ban-area .ban-sym img { width: 60px; }
#dr-intro .intro-ban .ban-area .ban-txt { margin-top: 24px; }
#dr-intro .intro-ban .ban-area .ban-txt p { font-size: 16px; text-align: center; font-weight: 500; line-height: 26px; color: #fff; }
#dr-intro .intro-ban .ban-area .sb-outline-w { width: 90%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -32px; }
#dr-intro .intro-doc { margin: 60px 16px 0;}
#dr-intro .intro-doc .doc-area { display: flex; justify-content: space-between; flex-flow: column; }
#dr-intro .intro-doc .doc-area .heading-tit { margin-bottom: 40px; }
#dr-intro .intro-doc .doc-area .doc-cont h3 { display: block; margin-bottom: 18px; font-size: 18px; color: #202bb4;}
#dr-intro .intro-doc .doc-area .doc-cont .doc-list { margin-top: 40px; padding-bottom: 40px; }
#dr-intro .intro-doc .doc-area .doc-cont .doc-list.doc-one { margin-top: 0; }
#dr-intro .intro-doc .doc-area .doc-cont .doc-list:not(:last-child) { border-bottom: 1px solid #eee; }
#dr-intro .intro-doc .doc-area .doc-one { display: flex; justify-content: space-between; flex-flow: column; gap: 40px; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item { flex: 1; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item b { display: block; margin-bottom: 12px; font-size: 22px; line-height: normal; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item ul li { position: relative; margin-left: 9px; font-size: 14px; line-height: 24px; color: #5b5b5b; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item ul li::before { position: absolute; top: 11px; left: -8px; display: block; content: ' '; width: 3px; height: 3px; border-radius: 10px; background: #5b5b5b; }
#dr-intro .intro-doc .doc-area .doc-two .doc-item-wrap { display: flex; justify-content: space-between; flex-flow: wrap; flex-direction: column; grid-row-gap: 24px; row-gap: 24px;}
#dr-intro .intro-doc .doc-area .doc-two .doc-item b { display: block; margin-bottom: 8px; font-size: 22px; line-height: normal; }
#dr-intro .intro-doc .doc-area .doc-two .doc-item p { font-size: 14px; line-height: 24px; color: #5b5b5b; }
#dr-intro .intro-doc .doc-area .doc-three dl { display: flex; margin-bottom: 12px; }
#dr-intro .intro-doc .doc-area .doc-three dl dt { width:70px; font-size: 17px; line-height: 28px; font-weight: 600;}
#dr-intro .intro-doc .doc-area .doc-three dl dd { flex: 1; font-size: 14px; line-height: 27px; color: #5b5b5b; }
#dr-intro .ani-slider { overflow: hidden; position: relative; margin: 0 auto; height: 82px; }
#dr-intro .image-box { width: 3711px; height: 100%; display: flex; flex-wrap: nowrap; animation: bannermove 30s linear infinite; }

@keyframes bannermove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-50%, 0); }
}
/* BASIC css end */