@charset "utf-8";

/* basic */
.inner .section p {margin-top:1rem;}
.inner .section h4 + ul {margin-top:2rem;}
.inner .section h3 + h4 {margin-top:3rem!important;}
.inner .section h4 + [class*='box_st'],
.inner .section div + [class*='box_st'],
.inner .section ul + [class*='box_st'], 
.inner .section [class*='box_st'] + [class*='tbl_st'] {margin-top:3rem;}

/* 아코디언 */
.acc-box { width:100%; margin:2rem 0; }
.acc-item {margin:1rem 0; border-radius:2rem; overflow:hidden;}
.acc-item .acc-btn {position:relative; display:flex; height:9rem; align-items:center; width:100%; font-weight:400; padding: 0 2rem; font-size:2.4rem; background:#f8f8f8; gap:1.5rem;}
.acc-item .acc-btn:after {content:'\EA4E'; font-weight:400; font-size:2.5rem; position:absolute; right:2rem; color:#333; top:50%; transform:translate(0, -50%); font-family:'remixicon';}
.acc-item .acc-btn .num {width:5rem; height:5rem; border-radius:50%; background:#485b5c; color:#fff; font-size:2.2rem; font-weight:700; display:flex; align-items:center; justify-content:center;}
.acc-item.on {background:#EBFDFF; border:1px solid #0d46ba; padding:2rem;}
.acc-item.on .acc-btn:focus {box-shadow:none; border:0; outline:0;}
.acc-item.on .acc-btn {background:transparent; height:auto; padding:0; font-weight:700;}
.acc-item.on .acc-btn:after {right:0; transform:translate(0, -50%) rotate(180deg);} 
.acc-item.on .acc-btn .num {background:#0d46ba;}
.acc-panel { display:none; padding: 1.5rem 2rem 0 6.5rem;}
.acc-panel p {font-size:2rem; color:#333;}

/* faq 아코디언 적용 */
.bbs_FaqA { list-style: none; margin: 0; padding: 0; counter-reset: faq; }
.bbs_FaqA .faq.list { margin: 1rem 0; border-radius: 2rem; overflow: hidden; border-bottom: 1px solid #e9edf3; background: #fff; }
.bbs_FaqA .faq.list > a { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 1.5rem; height: 9rem; padding: 0 2rem; text-decoration: none; color: #111; font-size: 2.4rem; font-weight: 400; background: #f8f8f8; }
.bbs_FaqA .faq.list > a::before { content: counter(faq, decimal-leading-zero); counter-increment: faq; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background: #485b5c; color: #fff; font-size: 2.2rem; font-weight: 700; flex: 0 0 5rem; }
.bbs_FaqA .faq.list > a .faq_arr { display: none; }
.bbs_FaqA .faq.list > a::after { content: '\EA4E'; font-family: 'remixicon'; position: absolute; right: 2rem; top: 50%; transform: translate(0, -50%); font-size: 2.5rem; color: #333; }
.bbs_FaqA .faq_question { display: block; flex: 1; line-height: 1.6; }
.bbs_FaqA .faq_A { display: none; padding: 1.5rem 2rem 0 6.5rem; background:transparent !important;}
.bbs_FaqA .faq_A p { font-size: 2rem; color: #333; }
.bbs_FaqA .faq.list.open { background: #EBFDFF; border: 1px solid #0d46ba; padding: 2rem;}
.bbs_FaqA .faq.list.open > a { background: transparent; height: auto; padding: 0; font-weight: 700; }
.bbs_FaqA .faq.list.open > a::after { right: 0; transform: translate(0, -50%) rotate(180deg); }
.bbs_FaqA .faq.list.open > a::before { background: #0d46ba; }
.bbs_FaqA .faq.list.open > .faq_A { display: block; }
.bbs_FaqA .faq.list > a:hover { text-decoration: none; }

/* bbs date*/
.bbs_date {display:flex; justify-content:center; align-items:center; gap:1rem;}
.bbs_date p.tit {font-size:2.4rem; font-weight:700; color:#333; margin-top:0;}
.bbs_date .inp_date {max-width:20rem;}

/* bbs title */
.bbs_box { display:flex; align-items:stretch; gap:5rem; padding:5rem;}
.bbs_box > .img { flex:0 0 30rem; max-width:30rem; border-radius:1.2rem; overflow:hidden;}
.bbs_box > .txt {align-items: flex-start; flex:1 1 auto; min-width:0; display:flex; justify-content:space-between; flex-direction:column; align-items:flex-start; padding:5rem 0; }
.bbs_box > .txt h3 {font-size:3.5rem; font-weight:700; color:#1e2678; word-break:keep-all; margin-top:1rem; margin-bottom:0;}
.bbs_box > .txt .badge {height:3rem; display:flex; align-items:center; background:#e6f8ff; border-radius:0.5rem; border:1px solid #0d46ba; color:#0d46ba; font-size:1.6rem; font-weight:500;}
.bbs_box .meta { display:flex; gap:1.6rem; align-items:center; margin-top:1.2rem; color:#6b7280; font-size:1.4rem; line-height:1; margin-bottom:auto; }
.bbs_box .meta .item { display:inline-flex; align-items:center; gap:0.6rem; color:#666; font-size:1.6rem;}
.bbs_box .meta .item i { font-size:1.6rem; display:inline-block; }
.bbs_box .actions { margin-top:1.6rem; display:flex; gap:0.8rem; flex-wrap:wrap; margin-top:auto;}
.bbs_box a:focus-visible,
.bbs_box button:focus-visible { outline:0.2rem solid #2563eb; outline-offset:0.2rem; }


/* eng 0101  */
.intro_wrap {margin-top:2rem;}
.intro_wrap h3{ line-height: 1.2; letter-spacing: 0px; font-weight: 400; font-size: 5.5rem; color:#1E2678; margin-bottom: 3rem; display:block; text-align:center;}
.intro_wrap h3 span{ font-weight: 700; line-height: 1.2;}
.intro_wrap .img{ border-radius: 2rem; overflow:hidden; }
.intro_wrap .img img{ display: -webkit-box; width: 100%; height: 100%; object-fit: cover;}
.intro_wrap dl{ position:relative; display: flex; gap: 2rem 10rem; padding:5rem 0; word-break: keep-all; z-index: 0;} 
.intro_wrap dl.bg:before{ content:""; position:absolute; left:calc(50% - 50vw); top:0; width: 100vw; height: calc(100% + 8rem); background:#FAFBFF; z-index: -1;}
.intro_wrap dt{ flex: 1; min-width: 0px; font-size: 3.5rem; font-weight: 700; color:#1E2678; } 
.intro_wrap dd{ flex: 1; min-width: 0px; }
.intro_wrap dd p + p{ margin-top: 3rem; }

/* eng 0105 International Comparison  */
.icInfo_wrap {width:100%;}
.icInfo_wrap h3{ margin-top: 1rem; font-size: 3.5rem; color:#1E2678; font-weight: 700;}
.icInfo_wrap .tit_wrap p img {max-width:6rem;}
.icInfo_wrap .country {display:flex; align-items:center; gap:1rem; margin-top:3rem;}
.icInfo_wrap .country p{ font-size: 2.4rem; margin:0;}
.icInfo_wrap .list li{ display: flex; }
.icInfo_wrap .list li strong{ min-width: 15rem; }

/* eng 0102 Chairperson */
.greet-wrap {position:relative; margin:5rem auto 0; z-index:0;}
.greet-main {position:relative; padding:0 10rem; min-height:22rem; display:flex; align-items:center;}
.greet-box {position:absolute; left:0; right:0; top:0; height:21rem; border-radius:2rem;  background:url('/00_common/web/eng/images/sub/greet_bg.png') center/cover no-repeat; transform:scaleX(1); transform-origin:50% 50%; will-change:transform;}
.photo-right {position:absolute; right:2rem; bottom:1rem; width:40.6rem; height:29.4rem; overflow:hidden; z-index:2;}
.photo-right img {display:block; width:100%; height:100%; object-fit:cover;}
.greet-title {position:relative; z-index:3; margin:0;}
.greet-title p {font-size:3rem; color:#111; font-weight:700;}
.greet-title p strong {color:#1E2678; font-size:3.6rem; font-weight:700;}
.greet-title .txt {display:block;}
.greet-body {position:relative; z-index:1; padding:5rem 10rem;}
.greet-body p {font-size:2rem; font-weight:400; color:#333; word-break:keep-all; letter-spacing: 0.05rem;}
.greet-body p + p {margin-top:4rem;}
.greet-body .thanks {margin-top:2.4rem; font-weight:700; color:#333;}
.greet-body .sign {margin-top:10rem; font-size:2rem; font-weight:700; color:#333; display: flex; align-items: flex-end; gap:2rem;}
.greet-body .sign em.sign-img {text-indent:-9999px; display:inline-block; width:18rem; height:5rem; background:url('/00_common/web/eng/images/sub/greet_sign.png') no-repeat 50% 50%; background-size:contain;}


/* eng 0103 Organization */
.org-chart {display:flex; justify-content:center; align-items:flex-start; position:relative; padding:4rem 2rem;}
.org-chart .org-panel {display:flex; justify-content:space-between; align-items:flex-start; gap:0 15rem; position:relative; margin-top:4rem;}
.org-node {position:relative; text-align:center;}
.org-box {display:inline-block; min-width:20rem; padding:2rem 5rem; border-radius:1rem; background:#f3f3f3; border:1px solid #d9dfe7;}
.org-box strong {display:block; font-size:2rem; text-align:center;}
.org-box em {display:block; margin-top:0.6rem; font-style:normal; font-size:1.6rem; color:#666;}
.org-box.color-blue {min-width:28rem; color:#fff; background:linear-gradient(90deg,#1E2678,#00A29A); border-radius:8.5rem; border:0;}
.org-box.color-blue strong {font-size:2.8rem;}
.org-box.color-blue em {color:#fff;}
.org-box.color-purple {background:#E8EAFF; color:#1E2678; border:0.1rem solid #1E2678; border-radius:1rem;}
.org-box.ghost {background:#fff; color:#333; border:1px solid #ccc;}
.org-node::before {content:""; position:absolute; background:#d7dde5;}
.org-node::after {content:""; position:absolute; width:0.9rem; height:0.9rem; border-radius:50%; background:#2d3a52;}
.org-chart.typeA .root {width:100%;}
.org-chart.typeA .root:after {display:none;}
.org-chart.typeA .root > .org-box {position:relative; z-index:5;}
.org-chart.typeA .root > .org-box:before {content:""; position:absolute; left: -10.5rem; top: -9.5rem; width:20rem; height:20rem; background:url('/00_common/web/eng/images/sub/org_bg.png') no-repeat 50% 50%; background-size: contain; z-index:-1;}
.org-chart.typeA .root > .org-box::after {content:""; position:absolute; left:50%; bottom:-0.5rem; transform:translateX(-50%); width:0.9rem; height:0.9rem; border-radius:50%; outline:2px solid #fff; background:#00BDB3; z-index:2;}
.org-chart.typeA .mid {margin-top:6rem; position:relative; z-index:0; justify-content:center;}
.org-chart.typeA .mid::before {content:""; position:absolute; top:-6rem; left:50%; width:0.1rem; height:calc(100% + 6rem); background:#d7dde5; transform:rotate(0deg); z-index:0;}
.org-chart.typeA .mid .side::before {height:0.1rem; background:#d7dde5; z-index:1;}
.org-chart.typeA .mid .side::after {width:0.9rem; height:0.9rem; border-radius:50%; background:#2d3a52; outline:0.2rem solid #fff; z-index:1;}
.org-chart.typeA .mid .left {margin-left:-3rem; margin-right:6rem; margin-top:8rem; margin-bottom:5rem;}
.org-chart.typeA .mid .side.left::before {top:50%; right:-10.75rem; transform:translate(0, -50%); width:10.5rem;}
.org-chart.typeA .mid .side.left::after {top:50%; right:-0.5rem; transform:translate(0, -50%);}
.org-chart.typeA .mid .right {margin-left:3rem; margin-top:0rem;}
.org-chart.typeA .mid .side.right::before {top:50%; left:-13.25rem; transform:translate(0, -50%); width:13.25rem;}
.org-chart.typeA .mid .side.right::after {top:50%; left:-0.5rem; transform:translate(0, -50%);}
.org-chart.typeA .bottom {margin-top:6rem; gap:2rem; position:relative;}
.org-chart.typeA .bottom::before {content: ""; position: absolute; top: -6rem; width: calc(100% - 32rem); left: calc(50% + 1.75rem); right: 0; height: 0.1rem; background: #d7dde5; z-index: 0; transform: translate(-50%, 0);}
.org-chart.typeA .bottom .org-node::before {top:-6rem; left:50%; transform:translateX(-50%); width:0.1rem; height:6rem; background:#d7dde5; z-index:1;}
.org-chart.typeA .bottom .org-node::after {top:-0.5rem; left:50%; transform:translateX(-50%); width:0.9rem; height:0.9rem; border-radius:50%; background:#2d3a52; outline:0.2rem solid #fff; z-index:1;}
.org-chart.typeA .bottom .has-child {padding-bottom:5.6rem;}
.org-chart.typeA .bottom .has-child .org-branch {position:relative; left:50%; transform:translate(-50%, 0); margin-top:4rem;}
.org-chart.typeA .bottom .has-child .org-branch .org-node::before {height:4rem; top:-4rem;}
.org-tel {display:flex; gap:1rem; align-items:center;}
.tel-item {display:flex; gap:1rem; align-items:center; flex:1;}
.tel-item strong {min-width:10rem; justify-content:center; display:flex; gap:1rem; align-items:center; height:3.2rem; border-radius:2.6rem; border:1px solid #0d46ba; background:#e6f8ff; font-size:1.8rem; font-weight:400; color:#0d46ba;}
.tel-item p {margin-top:0!important; font-size:2.4rem; color:#333; font-weight:700;}

/* eng 0105 */
.contact-wrap .map-area {border-radius:2rem; overflow:hidden; height:58rem; border:1px solid #ccc; width:100%;}
.contact-wrap .section + .section {margin-top:5rem;}
.contact-wrap h3[class^='tit'] {margin-bottom:2rem;}
.contact-wrap .box > ul {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem; justify-content:space-between;}
.contact-wrap .box > ul > li {width:100%; border-radius:1rem; background:#f8f8f8; padding:2.5rem;}
.contact-wrap .box > ul > li .tit {display:block; width:100%; font-size:2.4rem; font-weight:700; color:#0d46ba; margin-bottom:1rem;}
.contact-wrap .box > ul > li li {font-size:2rem; font-weight:400;}
.contact-wrap .box > ul > li li em {font-size:1.6rem;}
.contact-wrap .box > ul > li li strong {font-weight:700;}
.contact-wrap .comingMap_list { display:flex; flex-direction:column; gap:1rem; margin-top:3rem;}
.contact-wrap .comingMap_list li { display:flex; align-items:flex-start; gap:1.5rem; line-height:1.6; }
.contact-wrap .comingMap_list .tit { display:inline-flex; align-items:center; gap:0.6rem; padding:0.4rem 1.2rem; border:1px solid #1E67E5; color:#1E67E5; border-radius:1.6rem; background:rgba(30,103,229,0.06); font-size:1.6rem; font-weight:700; white-space:nowrap; }
.contact-wrap .comingMap_list .tit i { font-size:1.6rem; line-height:1; color:#1E67E5; }
.contact-wrap .comingMap_list .txt { font-size:2.4rem; color:#333; font-weight:700; }
.contact-wrap .traffic-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; align-items: stretch; }
.contact-wrap .traffic-grid:after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #edf1f5; transform: translateX(-50%); pointer-events: none; }
.contact-wrap .traffic-grid:before { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 2.5rem); height: 1px; background: #edf1f5; transform: translateY(-50%); pointer-events: none; }
.contact-wrap .traffic-card { display: flex; gap: 1.6rem; background: #fff; height: 100%;}
.contact-wrap .traffic-ico { flex: 0 0 auto; width: 4.8rem; height: 4.8rem; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; }
.contact-wrap .traffic-ico i { font-size: 2.6rem; color: #0d46ba; }
.contact-wrap .traffic-body { flex: 1 1 auto; min-width: 0; padding: 0.75rem 0; }
.contact-wrap .traffic-title {position:relative; display: flex; align-items: center; gap: 1.5rem; font-size: 2.4rem; font-weight: 700; color: #333; padding-left:1.5rem;}
.contact-wrap .traffic-title:before {content: ""; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:0; height:0; border-top:0.4rem solid transparent; border-bottom:0.4rem solid transparent; border-left:0.6rem solid #0d46ba;}
.contact-wrap .traffic-desc { font-size: 2rem; color: #333; margin-top:2rem; font-weight:400;}
.contact-wrap .traffic-desc strong {font-weight:700;}
.contact-wrap .bus-list { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap:1rem; }
.contact-wrap .bus-list li { display:flex; align-items:baseline; gap:1.5rem; font-size:2rem; font-weight:400; color:#333; }
.contact-wrap .label { display:inline-flex; align-items:center; justify-content:center; min-width:8rem; height:3rem; padding:0 1.5rem; border-radius:0.6rem; font-size:1.6rem; font-weight:700; color:#fff; }
.contact-wrap .label-blue { background: #0d46ba; }
.contact-wrap .label-orange { background: #ff7a00; }
.contact-wrap .label-red { background: #e04949; }
.contact-wrap .label-navy { background: #1E2678; }
.contact-wrap .label-green { background: #008F88; }
.contact-wrap .nums { color: #333; }
.contact-wrap .nums strong {display:block;}
.contact-wrap .parking-list { display: flex; flex-direction:column; gap:1rem;}
.contact-wrap .parking-item { display: flex; gap: 1.5rem; align-items: center;}
.contact-wrap .parking-item i { font-size: 2rem; color: #0d46ba; }
.contact-wrap .item-key { min-width: 9rem; font-weight: 700; color: #0d46ba; font-size:2rem; max-width: 15rem; width: 100%;}
.contact-wrap .item-val { color: #333; font-weight:400; font-size:2rem; }

/* eng 0201 categories */
.rating-wrap {display:flex; flex-direction: column; margin:5rem 0 2rem;}
.rating-header {display:flex; margin-bottom:2rem; gap:5rem;}
.rating-header::before {content:""; flex:0 0 25%;}
.rating-header .rating-title {flex:1; text-align:center; display:flex; align-items:center; justify-content:center; gap:1.5rem; font-size:2.4rem; font-weight:700; padding:1.6rem 0; position:relative; background:#f8f8fa; border-radius:2rem;}
.rating-header .rating-title.film {color:#333;}
.rating-header .rating-title.video {color:#333;}
.rating-item {display:flex; border-bottom:1px dashed #c5cadb; gap:5rem;}
.rating-item:last-child {border-bottom:0;}
.rating-item > div:first-child {flex: 0 0 25%;}
.rating-item > div:not(:first-child) {flex: 1;}
.rating-item .icon-box {display:flex; align-items:center; justify-content:center; gap:2rem;}
.rating-item .txt-box {position:relative; padding:5rem 3rem; background:#f8f8fa;}
.rating-item:first-child .txt-box {border-radius:2rem 2rem 0 0;}
.rating-item:last-child .txt-box {border-radius:0 0 2rem 2rem;}
.promo-wrap {display:flex; flex-direction:column; gap:3.2rem; margin:5rem 0 2rem;}
.promo-item {display:grid; grid-template-columns:25% 1fr; align-items:stretch; gap:5rem;}
.promo-left {position:relative; background:#f6f7fb; border-radius:1.6rem; display:flex; align-items:center; justify-content:center; padding:2.4rem;}
.badge-list {list-style:none; margin:0; padding:0; display:flex; gap:1.2rem; align-items:center; justify-content:center; flex-wrap:wrap;}
.badge-list img {display:block; width:auto; height:5.6rem;}
.promo-left .arrow {position:absolute; right:-3rem; top:50%; width:0;	height:0; border-top:0.8rem solid transparent; border-bottom:0.8rem solid transparent; border-left:1.2rem solid #9fb4ff; transform:translate(0, -50%);}
.promo-card {background:#f8f8fa; border-radius:1.6rem; padding:3.5rem; display:flex; align-items: flex-start; gap:3rem;}
.promo-card-head {display:flex; align-items:center; gap:1.2rem;}
.promo-icons {position:relative; width:10rem;}
.promo-icons .ic {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; border-radius:50%; box-shadow:0 4px 10px rgba(0,0,0,.08);}
.promo-icons .ic:nth-child(2) {transform:translate(1.2rem,1.2rem); opacity:.9;}
.promo-title {font-size:2rem; font-weight:700; color:#111;}
.promo-card-body p {margin:0 0 .8rem; line-height:1.7; color:#333;}
.promo-card-body p strong {font-weight:700; color:#111;}
.promo-card-body .promo-title {font-size:2.4rem; font-weight:700;}
.promo-wrap .promo-item + .promo-item {margin-top:.8rem;}


/* eng 0202 guideline */
.guideline-wrap .grade-box {flex-wrap:wrap; display:flex; gap:2rem; margin-top:1.5rem;}
.guideline-wrap .grade-box .item {flex: 1 1 calc(50% - 4rem); background:#f8f8fa; padding:3rem; border-radius:2rem; display:flex; gap:4rem;}
.guideline-wrap .grade-box .item .gb-left {width:25rem; display:flex; align-items:center; flex:1; gap:2rem;}
.guideline-wrap .grade-box .item .gb-left p {flex-shrink:0;}
.guideline-wrap .grade-box .item .num {background:#0d46ba; width: fit-content; color:#fff; border-radius:2.6rem; height:3rem; display:flex; align-items:center; padding:0 2rem; font-size:1.6rem; font-weight:700; color:#fff;}
.guideline-wrap .grade-box .item .tit {font-size:2.4rem; font-weight:700; color:#333; margin-top:0.5rem; line-height:normal;}
.guideline-wrap .grade-box .item .gb-right {width:calc(100% - 25rem);}
.guideline-wrap .grade-box .item [class*='list_'] li {font-size:1.8rem;}



@media screen and (max-width: 1400px){
	/* eng 0103  */
	.org-box { padding: 1.6rem 3.6rem; }
	.org-box strong { font-size: 1.8rem; }
	.org-box em { font-size: 1.4rem; }
	.org-chart .org-panel { gap: 0 10rem; }
	.org-chart.typeA .mid .left { margin-left: -2rem; margin-right: 4rem; margin-top: 6rem; margin-bottom: 4rem; }
	.org-chart.typeA .mid .right { margin-left: 2rem; margin-top: 0; }
	.org-chart.typeA .mid .side.right::before {left:-9.5rem; width:9.5rem;}
	.org-chart.typeA .mid .side.left::before {right:-6.5rem; width:6.5rem;}
	.org-chart.typeA .bottom { margin-top: 4rem; gap: 1.6rem; }
	.org-chart.typeA .bottom .org-node::before {height:4.5rem; top:-4.5rem;}
	.org-chart.typeA .bottom::before { top: -4.5rem; width: calc(100% - 21.5rem); }
}


@media screen and (max-width: 1240px){

	/* eng 0101  */
	.intro_wrap dl{ gap: 2rem 5rem;} 
	
	/* eng 0201 */
	.rating-item {gap:3.2rem;}
	.rating-item > div:first-child {flex:0 0 22%;}
	.rating-item .txt-box {padding:4rem 2.4rem;}
	.rating-header { gap: 3.2rem;}
	.rating-header .rating-title {font-size:1.9rem; padding:1.4rem 0;}
	.rating-header::before {flex:0 0 22%;}
	.rating-item .icon-box img {max-height:5rem;} 
}

@media screen and (max-width: 1024px){
	/* 공통 */
	.acc-item .acc-btn {font-size:2rem; text-align:left; padding-right:5rem;}
	.acc-item .acc-btn .num {flex-shrink: 0;}
	.bbs_FaqA .faq.list > a {font-size:1.8rem; height:auto; padding: 1.5rem 5rem 1.5rem 2rem;}
	
	/* eng 0101  */
	.intro_wrap h3{ font-size: 4.5rem; }
	.intro_wrap dl{ flex-direction: column;}
	.intro_wrap dt{ font-size: 3rem; } 
	
	/* eng 0103 */
	.org-chart.typeA .org-panel { gap: 0 6rem; }
	.org-chart.typeA .mid { margin-top: 4rem; }
	.org-chart.typeA .mid::before { top: -4rem; height: calc(100% + 4rem); }
	.org-chart.typeA .mid .left { margin-left: -1rem; margin-right: 2rem; margin-top: 4rem; margin-bottom: 3rem; }
	.org-chart.typeA .mid .right { margin-left: 1rem; }
	.org-chart.typeA .mid .side.left::before { width: 2.5rem; right: -2.5rem; }
	.org-chart.typeA .mid .side.right::before { width: 6.5rem; left: -6.5rem; }
	.org-chart.typeA .bottom { flex-wrap: wrap; justify-content: center; }
	.org-chart.typeA .bottom::before { width: calc(100% - 31rem); left: 50%; }
	.org-chart.typeA .bottom .org-node { min-width: 26rem; }
	.org-chart.typeA .bottom .has-child { padding-bottom: 4.8rem; }
	.org-chart.typeA .bottom .has-child .org-branch { margin-top: 3rem; }
	.org-chart.typeA .root > .org-box:before { left: -8rem; top: -7rem; width: 16rem; height: 16rem; }
	.org-chart.typeA .bottom .has-child .org-branch .org-node::before {top:-3.25rem; height:3.25rem;}
	
	/* bbs title */
	.bbs_box { gap:2.4rem; padding:2rem; flex-direction:column;}
	.bbs_box > .img {flex:none; margin:0 auto;}
	.bbs_box > .txt {padding:2rem 0;}
	.bbs_box > .txt h3 { font-size:2.4rem; line-height:1.2;}
	.bbs_box > .txt .meta {margin-bottom:2rem;}
	
	/* eng 0105 */
	.contact-wrap .traffic-grid { grid-template-columns: 1fr; }
	.contact-wrap .traffic-grid::before, 
	.contact-wrap .traffic-grid::after { display: none; }
	.contact-wrap .box > ul {grid-template-columns: 1fr; }
	.contact-wrap .map-area {height:auto;} 
	
	/* eng 0201 */
	.rating-item {gap:2.4rem;}
	.rating-item > div:first-child {flex:0 0 20%;}
	.rating-item .txt-box {padding:3.2rem 2rem;}
	.rating-header .rating-title {font-size:1.8rem; padding:1.2rem 0;}
	.rating-item .icon-box img {max-height:4.6rem;}
	.rating-header { gap: 2.4rem;}
	.rating-header::before {flex:0 0 20%;}
	.promo-item {grid-template-columns:1fr; gap:1.2rem;}
	.promo-left {padding:2rem; border-radius:1.2rem;}
	.promo-left .arrow {display:none;}
	.badge-list img {height:4.2rem;}
	.promo-card {padding:1.6rem; border-radius:1.2rem;}
	.promo-title {font-size:1.8rem;}
	
	/* eng 0202 */
	.guideline-wrap .grade-box .item {flex-direction:column;}
	.guideline-wrap .grade-box .item .gb-left  {width:100%; align-items:flex-start; flex:none;}
	.guideline-wrap .grade-box .item .gb-right {width:100%; align-items:flex-start;}
	
	
		
	
	/* 위원장 인사말 */
	.greet-main {padding: 1.5rem 3rem; min-height: 20rem;}
	.greet-box {height: 19rem; border-radius: 1.8rem; height:100%;}
	.photo-right {position:Relative; right: 0rem; bottom: 0rem; width: 100%; max-width:15rem; height: auto;}
	.greet-title span {font-size: 3rem;}
	.greet-title span strong {font-size: 3.6rem;}
	.greet-body {padding: 4rem 6rem;}
	.greet-body p {font-size: 1.8rem;}
	.greet-body .sign {margin-top: 6rem; font-size: 1.8rem;}
	.greet-body .sign em.sign-img {width: 14rem; height: 4rem;}
	.photo-right img {max-width:100%; object-fit: contain;}
	.greet-title p {line-height:1.2; text-align:center;}
	.greet-title p strong {font-size:2.6rem; line-height:1.2;}
}

@media screen and (max-width: 768px){

	/* eng 0101  */
	.intro_wrap h3{ font-size: 3.2rem; }
	.intro_wrap dt{ font-size: 2.7rem; } 
	.intro_wrap dd p{ font-size: 1.8rem; } 
	.intro_wrap dd p + p{ margin-top: 2rem;}
	
	.guideline-wrap .grade-box .item .gb-left  {width:100%;flex-direction:column;}
	.guideline-wrap .grade-box .item .num {margin:0 auto;}
	.guideline-wrap .grade-box .item .tit {text-align:center;}
	.guideline-wrap .grade-box .item .gb-left p {margin:0 auto;}
	.guideline-wrap .grade-box .item .gb-left .title {margin:0 auto;}
	
	/* eng 0103 */
	/* 조직도 */
	.org-chart { padding: 3rem 1.6rem; }
	.org-panel,
	.org-node {width:100%;}
	.org-chart.typeA .bottom .org-node,
	.org-box.color-blue {min-width:100%;}
	.org-node.root:before {display:block; left:50%; width:1px; background:#ccc; height:100%;}
	.org-box { min-width: 0; padding: 1.4rem 2.4rem; width:100%;}
	.org-box.color-blue { border-radius: 6rem; }
	.org-box.color-blue strong { font-size: 2.2rem; }
	.org-chart .org-panel { margin-top: 2.4rem; gap: 1.2rem; }
	.org-chart.typeA .root { width: 100%; }
	.org-chart.typeA .mid { flex-direction: column; gap:2.5rem; align-items: center; }
	.org-chart.typeA .mid::before { display: none; }
	.org-chart.typeA .mid .side { margin: 0; }
	.org-chart.typeA .mid .side::before { display: none; }
	.org-chart.typeA .mid .side::after { display: none; }
	.org-chart.typeA .bottom { flex-direction: column; align-items: center; gap: 1.2rem; }
	.org-chart.typeA .bottom::before { display: none; }
	.org-chart.typeA .bottom .org-node { width: 100%; max-width: 40rem; }
	.org-chart.typeA .bottom .org-node::before { display: none; }
	.org-chart.typeA .bottom .org-node::after { display: none; }
	.org-chart.typeA .bottom .has-child { padding-bottom: 0; }
	.org-chart.typeA .bottom .has-child .org-branch { margin-top: 1.2rem; }
	.org-chart.typeA .bottom .has-child .org-branch:before { display: none; }
	.org-chart.typeA .bottom .has-child .org-branch .org-node::before { display: none; }
	.org-chart.typeA .bottom .has-child .org-branch .org-node::after { display: none; }
	.tel-item p {font-size:1.8rem;}
	
	/* eng 0201 */
	.rating-header {display:none;}
	.rating-item {flex-direction:column; gap:1.2rem; padding:1.6rem 0; border-bottom:1px dashed #d8dbe7;}
	.rating-item > div:first-child {flex:0 0 auto;}
	.rating-item .icon-box {justify-content:flex-start;}
	.rating-item .txt-box {position:relative; padding:2.4rem 1.6rem; border-radius:1.2rem; background:#f9f9fb;}
	.rating-item:first-child .txt-box {border-radius:1.2rem;}
	.rating-item:last-child .txt-box {border-radius:1.2rem;}
	.rating-item .icon-box img {max-height:4.2rem;}	
	.rating-item > .txt-box:nth-child(2)::before {content:"Film Ratings"; display:block; font-size:1.6rem; font-weight:700; color:#0d46ba; margin-bottom:.8rem;}
	.rating-item > .txt-box:nth-child(3)::before {content:"Video Ratings"; display:block; font-size:1.6rem; font-weight:700; color:#008f88; margin-bottom:.8rem;}
	.rating-item > .txt-box p {font-size:1.8rem;}
	.badge-list img {height:3.2rem;}
	.promo-title,
	.promo-card-body p {font-size:1.7rem;}

	/* 위원장 인사말 */
	.kmrb_0603_01 .greet-main {padding: 0 2rem; min-height: auto; display: flex; flex-direction: column; align-items: flex-start;}
	.kmrb_0603_01 .greet-box {display:none;}
	.kmrb_0603_01 .photo-right {position: static; order: 2; align-self: flex-end; width: 20rem; height: auto; margin: 2rem auto;}
	.kmrb_0603_01 .photo-right img {width: 100%; height: auto; object-fit: cover;}
	.kmrb_0603_01 .greet-title {order: 1; width:100%; text-align:center;}
	.kmrb_0603_01 .greet-title span {font-size: 2.2rem;}
	.kmrb_0603_01 .greet-title span strong {font-size: 2.6rem;}
	.kmrb_0603_01 .greet-body {padding: 2rem;}
	.kmrb_0603_01 .greet-body p {font-size: 1.6rem;}
	.kmrb_0603_01 .greet-body .thanks {margin-top: 2rem;}
	.kmrb_0603_01 .greet-body .sign {margin-top: 4rem; font-size: 1.6rem;}
	.kmrb_0603_01 .greet-body .sign em.sign-img {width: 12rem; height: 3.6rem;}
	
	
}

@media screen and (max-width: 640px){

	/* eng 0101  */
	.intro_wrap h3{ margin-bottom: 1.5rem; letter-spacing: 0;}
	.intro_wrap dl{ padding:3rem 0;} 
	
	/* eng 0103 */
	.tel-item {flex-direction:column;}
	
	/* eng 0105 International Comparison  */
	.icInfo_wrap h3{ font-size: 3rem; margin-top: 0.5rem;}
	.icInfo_wrap .tit_wrap > p img{ width: 4.8rem; height: auto;}
	.icInfo_wrap .country p{ font-size: 2rem;}
	.icInfo_wrap .list li{ display: block; }
	.icInfo_wrap .list li strong{ display: block; min-width: 0px; }
	
	/* date */
	.bbs_date p.tit {font-size:2rem;}
}

@media screen and (max-width: 560px){
	/* 공통 */
	.acc-item .acc-btn {font-size:1.8rem; height:auto; padding: 1.5rem 5rem 1.5rem 2rem;}	
	.acc-panel p {font-size:1.6rem;}
	
	/* bbs title */
	.bbs_box { flex-direction:column; align-items:flex-start; gap:1.6rem; }
	.bbs_box > .img { width:100%; max-width:100%; aspect-ratio:0; border-radius:1rem; flex-basis:inherit; background:#fff;}
	.bbs_box > .img img {/*height:fit-content;*/ height:auto;}
	.bbs_box > .txt h3 { font-size:2.2rem; margin-bottom:2rem!important;}
	.bbs_box .meta { font-size:1.3rem; }
	.bbs_box .btn { width:100%; }
	
	
	.greet-main {flex-direction:column;}
}

@media screen and (max-width: 480px){
	/* eng 0101  */
	.intro_wrap h3{ font-size: 2.8rem; }
	.intro_wrap dt{ font-size: 2.2rem; } 
	.intro_wrap dd p{ font-size: 1.6rem; } 

	/* eng 0105 International Comparison  */
	.icInfo_wrap h3{ font-size: 2.6rem; }
	.icInfo_wrap .tit_wrap > p img{ width: 4rem; height: auto;}
	.icInfo_wrap .country p{ font-size: 1.8rem;}
	
	/* eng 0105 contact */
	.contact-wrap .traffic-title {font-size:2rem;}
	.contact-wrap .traffic-desc {font-size:1.7rem; margin-top:1rem;}
	.contact-wrap .traffic-grid {gap:2rem; }
	.contact-wrap .bus-list li {flex-direction:column; font-size:1.7rem;}
	.contact-wrap .comingMap_list li {flex-direction:column; align-items:flex-start; gap:0;}
	.contact-wrap .comingMap_list .txt {font-size:2rem;}
	
	/* eng 02-1*/
	.promo-card {flex-direction:column;}
	.promo-icons {width:4rem;}
	
	/* eng 0202 */
	.guideline-wrap .grade-box .item {flex: 1 1 100%; padding:1.5rem; gap:2rem;}
	.guideline-wrap .grade-box .item p {font-size:1.6rem;}
	
	/* bbs */
	.bbs_date {flex-direction:column;}
	.bbs_date .inp_date {max-width:100%;}
}

@media screen and (max-width: 360px){
	.org-tel {flex-direction:column;}
}