/* BASIC css start */
.container { width:100%; min-width:1920px; 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: 46px; line-height: 58px; font-weight: 800; }
#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: 88px auto 140px;  border-radius: 16px; }
#dr-intro .intro-top .video-wrap { position: relative; height: 400px; text-align: center; border-radius: 16px; }
#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: 16px; }
#dr-intro .intro-top .video-wrap .video-overlay { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
#dr-intro .intro-top .video-wrap .video-overlay .logo { display: block; margin-bottom: 24px;}
#dr-intro .intro-top .video-wrap .video-overlay img { margin-left: 10px; }
#dr-intro .intro-top .video-wrap .video-overlay a { color: #fff; font-size: 20px; font-weight: 800; vertical-align: -6px; cursor: pointer;}
#dr-intro .intro-top .video-wrap video { width: 100%; height: 400px; object-fit: cover; min-width: 100%; border-radius: 16px; }
#dr-intro .intro-top .video-wrap .im { width: 100%; height: 400px; object-fit: cover; min-width: 100%; }

#dr-intro .intro-top p { margin-top: 40px; font-size: 20px; line-height: 32px; color: #5b5b5b; }
#dr-intro .intro-gre { background: #f5f5f5; }
#dr-intro .intro-gre .gre-area { display: flex; align-items: center; justify-content: center; }
#dr-intro .intro-gre .gre-txt { width: 700px; margin-left: 260px; }
#dr-intro .intro-gre .gre-txt strong { display: block; font-size: 46px; line-height: 58px; }
#dr-intro .intro-gre .gre-txt b { display: block; font-size: 18px; margin: 20px 0 48px; line-height: normal; font-weight: 600; }
#dr-intro .intro-gre .gre-txt p { font-size: 18px; line-height: 28px; }
#dr-intro .intro-gre .gre-txt p + p { margin-top: 32px; }
#dr-intro .intro-gre .gre-txt img { margin-top: 40px; }
#dr-intro .intro-gre .gre-photo { flex: 1; }
#dr-intro .intro-ban { height: 480px; background: #1f2bb5; }
#dr-intro .intro-ban .ban-area { position: relative; text-align: center; }
#dr-intro .intro-ban .ban-area .ban-sym { padding-top: 140px; }
#dr-intro .intro-ban .ban-area .ban-txt { margin-top: 24px; }
#dr-intro .intro-ban .ban-area .ban-txt p { font-size: 24px; text-align: center; font-weight: 500; line-height: 36px; color: #fff; }
#dr-intro .intro-ban .ban-area .sb-outline-w { position: absolute; left: 50%; transform: translateX(-50%); bottom: -108px; }
#dr-intro .intro-doc .doc-area { display: flex; justify-content: space-between; margin: 140px 0 0;}
#dr-intro .intro-doc .doc-area .heading-tit { width: 488px; }
#dr-intro .intro-doc .doc-area .doc-cont h3 { display: block; margin-bottom: 24px; font-size: 20px; color: #202bb4;}
#dr-intro .intro-doc .doc-area .doc-cont .doc-list { margin-top: 80px; padding-bottom: 80px; }
#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; gap: 88px; }
#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: 16px; font-size: 32px; line-height: normal; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item ul li { position: relative; margin-left: 10px; font-size: 18px; line-height: 28px; color: #5b5b5b; }
#dr-intro .intro-doc .doc-area .doc-one .doc-item ul li::before { position: absolute; top: 10px; left: -10px; display: block; content: ' '; width: 4px; height: 4px; 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; grid-row-gap: 58px; row-gap: 58px;}
#dr-intro .intro-doc .doc-area .doc-two .doc-item { width: 33.3%; }
#dr-intro .intro-doc .doc-area .doc-two .doc-item b { display: block; margin-bottom: 16px; font-size: 32px; line-height: normal; }
#dr-intro .intro-doc .doc-area .doc-two .doc-item p { font-size: 18px; line-height: 28px; color: #5b5b5b; }
#dr-intro .intro-doc .doc-area .doc-three dl { display: flex; margin-bottom: 24px; }
#dr-intro .intro-doc .doc-area .doc-three dl dt { width:72px; font-size: 20px; line-height: 38px; font-weight: 600;}
#dr-intro .intro-doc .doc-area .doc-three dl dd { flex: 1; font-size: 18px; line-height: 38px; color: #5b5b5b; }
#dr-intro .ani-slider { overflow: hidden; position: relative; margin: 0 auto; /*width: 1920px;*/ height: 165px; }
#dr-intro .image-box { width: 3711px; height: 100%; display: flex; flex-wrap: nowrap; animation: bannermove 30s linear infinite; }
#dr-intro .image-box img { max-width: initial; }
@keyframes bannermove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-50%, 0); }
}
/* BASIC css end */