@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-03-14
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-wrapper-style {    margin: 0 auto 5rem;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; border-radius: 0.5rem; background-color:var(--main-color); box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; border-radius: 0.5rem;  background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }

	.sub-tab-list-style ul li a:before {display: none;}
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ****************** 서브 공통 ********************** */
@media all and (max-width:800px){
	.cm-sub-title .txt02 {font-size: 3.6rem;}
	.cm-sub-title .txt01 + .txt02 {margin-top: 4rem;}

	.cm-bg-fixed { background-attachment: unset;}
}


/* ****************** 01. Why 덴티움 ********************* */
/* ------- 1. 기업경쟁력 :: Surgery & Digital ------- */
@media all and (max-width:1280px){
	.surgery-digital-top {padding-bottom: 20rem;}
	.surgery-digital-con02 {padding: 20rem 0;}
	.sd-concept-list li .txt-con {padding: 6rem 4rem 5.5rem 7.5rem;}
	.surgery-digital-con05 {padding: 20rem 0;}
	.surgery-digital-con05 .inner {display: block;}
	.surgery-digital-con05 .tit {margin-bottom: 6rem;}
	.surgery-digital-con05 .txt-box .txt01 {margin-bottom: 2rem;}
}
@media all and (max-width:800px){
	.surgery-digital-top {padding-bottom: 15rem;}
	.surgery-digital-con01 {padding: 18rem 0;}
	.surgery-digital-con02 {padding: 15rem 0;}
	.sd-concept-list li {display: block; min-height: 0;}
	.sd-concept-list li .img-con {width: 100%;}
	.sd-concept-list li .img-con span {width: 100%; height: 0; padding-top: 81.21%; border-radius: 1rem 1rem 0 0 !important;}
	.sd-concept-list li .img-con span img {transform: scale(1.03);}
	.sd-concept-list li .txt-con {width: 100%; padding: 5rem 3rem; border-radius: 0 0 1rem 1rem !important; } 
	.sd-concept-list li .txt-con .tit-box .tit {font-size:3.8rem ; margin-bottom: 1rem;}
	.surgery-digital-con03 {padding: 20rem 0;}
	.surgery-digital-con05 .tit {font-size: 5rem; }
}
/* ------- 1. 기업경쟁력 :: 장기 임상데이터 ------- */
@media all and (max-width:1280px){
	.clinical-data01 .txt-box {padding: 0 3rem 0 6rem;}
}
@media all and (max-width:800px){
	.clinical-data-con {padding: 20rem 0;}
	.clinical-data-con .clinical-data-txt {padding-bottom: 20rem;}
	.clinical-data01 {display: block; margin-bottom: 17rem;}
	.clinical-data01 .img {width: 100%;}
	.clinical-data01 .txt-box {width: 100%; padding: 0; padding-top: 8rem;}
	.clinical-data01 .txt-box .txt01.white-txt {margin-top: 3.5rem;}
	.clinical-data01 .txt-box .txt02 {margin-top: 1rem;}
}
/* ------- 1. 기업경쟁력 :: 연구 & 개발 ------- */
@media all and (max-width:1360px){
	.research-top-img .inner {border-radius: 0;}
}
@media all and (max-width:1280px){
	.research-con-top {padding: 7rem 0 20rem;}
	.research-con01 {padding: 22rem 0;}
	.research-con02 {padding: 22rem 0;}
	.research-con04 {padding: 22rem 0;}
}
@media all and (max-width:800px){
	.research-con-top {padding: 7rem 0;}
	.research-con01 {padding: 17rem 0;}
	.research-con02 {padding: 17rem 0;}
	.research-con02 .cm-sub-title {margin-bottom: 13rem;}
	.research-process li {display: flex; align-items: center; width: 100%; border-right: 0; border-bottom: 1px solid rgba(112, 112, 112, 0.17); padding: 2.5rem; }
	.research-process li:before {left: 50%; margin-left: -2.6rem; top: -2.6rem; margin-top: 0;}
	.research-process li:after {content: '\e942'; left: 50%; margin-left: -2rem; top: -2rem; margin-top: 0;}
	.research-process li:first-child {border-left: 0; border-top: 1px solid rgba(112, 112, 112, 0.17);}
	.research-process li .icon {margin-bottom: 0;}
	.research-process li dl {width: calc(100% - 12rem); padding-left: 5rem; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
	.research-con03 {padding: 17rem 0;}
	.research-con04 {padding: 17rem 0;}
	.research-nation li dl {display: block;}
	.research-nation li dl dt {width: 100%;}
	.research-nation li dl dd {width: 100%; padding-top: 2rem;}
}
/* ------- 2. 기업 가치 :: 비전 ------- */
@media all and (max-width:1280px){
	.vision-con01 .txt-con {padding: 0 3rem 0 5rem;}
	.vision-con02 {padding: 22rem 0;}
	.vision-con04 {padding: 22rem 0 30rem;}
	.vision-value-con {margin: 13rem 0 20rem;}
}
@media all and (max-width:800px){
	.vision-con01 {display: block;}
	.vision-con01 .img-con {width: 100%;}
	.vision-con01 .txt-con {width: 100%; padding: 5rem var(--area-padding);}
	.vision-con02 {padding: 15rem 0;}
	.vision-con02 .inner {display: block;}
	.vision-con02 .inner .left-con {width: 100%; margin-bottom: 7rem;}
	.vision-con02 .inner .left-con .vision-txt {padding-top: 4rem;}
	.vision-con02 .inner .right-con {width: 100%;}
	.vision-goal-list li:first-child {left: 1.5rem;}
	.vision-goal-list li:last-child {left: -1.5rem;}
	.vision-goal-list li .inner dl dt {font-size: 3.2rem;}
	.vision-con03 {padding: 17rem 0;}
	.vision-con04 {padding: 17rem 0 23rem;}
	.vision-value-con:before {display: none;}
	.vision-value-list {display: block; margin: -4.5rem 0;}
	.vision-value-list li {width: 100%; margin: 4.5rem auto 0; max-width: 33rem;}
	.vision-value-list li:before {top: -3.3rem; left: 50%; margin-top: 0; margin-left: -1.2rem;transform: rotate(90deg)}
	.vision-con04 .bottom-txt {font-size: 9rem;}
}
@media all and (max-width:480px){
	.vision-goal-list {display: block;}
	.vision-goal-list li {width: 90%; margin: 0 auto;}
	.vision-goal-list li:last-child {left: 0; top: -3rem;}
}

/* ------- 2. 기업 가치 :: 브랜드 ------- */
@media all and (max-width:1280px){
	.story-con-top .bottom-txt {font-size: 10rem; bottom: 0;}
	.story-txt-con .tit-box {padding: 0 2rem 0 ;}
}
@media all and (max-width:800px){
	.story-con-top {padding: 12rem 0 15rem;}
	.story-con-top .top-title {margin-bottom: 10rem;}
	.story-con-top .top-title .txt02 {font-size: 4.5rem;}
	.story-top-img-list {display: block;}
	.story-top-img-list .list-item {margin-bottom: 2rem;}
	.story-top-img-list .list-item:last-child {margin-bottom: 0;}
	.story-top-img-list .list-item .txt-box {padding: 6rem 2rem;}
	.story-top-img-list .list-item .txt-box .txt01 {font-size: 3rem;}
	.story-top-img-list .list-item .txt-box .txt02 {font-size: 2.2rem;}
	.story-top-img-list .list-item .txt-box .txt03 {font-size: 1.8rem;}
	.story-con-top .bottom-txt {font-size: 7.5rem;}
	.story-txt-con {display: block;}
	.story-txt-con .tit-box {width: 100%; padding: 0;}
	.story-txt-con .txt-box {width: 100%; padding-top: 5rem; padding-left: 2.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.story-txt-con .txt-box .txt01 {font-size: 2.2rem;}
	.story-txt-con .txt-box .txt02 {padding-top: 2.5rem;}
	.story-txt-con .tit-box strong {font-size: 5rem;}
	.story-img-banner {padding-top: 44.76%;}
	.story-con01 {padding-top: 10rem;}
	.story-con01 .story-img-banner {margin-top: 12rem;}
	.story-con02 {padding-top: 12rem;}
	.story-con02 .story-img-banner {margin-top: 12rem;}
	.story-con03 {padding-top: 12rem;}
	.story-con03 .story-img-banner {margin-top: 12rem;}
}

/* ------- 2. 기업 가치 :: 역사 ------- */
@media all and (max-width:1600px){
	.network-con-inner {padding: 0 var(--area-padding);}
	.history-slide-con-wrap {margin-top: 12rem;}
}
@media all and (max-width:1360px){
	.history-slide-con-wrap:before {display: none;}
	.history-slide-con-wrap:after {width: 10rem; right: calc(-1*((100vw - 37.88%)/2))}
}
@media all and (max-width:800px){
	.history-page {padding-bottom: 10rem;}
	.history-con-wrap {padding: 6rem 0 0 0;}
	.history-con-progress-bar {width: calc(100% - 12rem);}
	.history-con-progress-bar .point {width: 10px; height: 10px; margin-top: -5px;}
	.history-con-progress-bar .point:before {width: 30px; height: 30px; top: -10px; left: -10px;}
	.history-list .history-item .history-year-tit {font-size: 7rem;}
	.history-list .history-item .history-detail-txt-con {flex-wrap: wrap;}
	.history-list .history-item .history-detail-txt-con .history-detail-txt {width: 100%;}
	.history-list .history-item .history-detail-txt-con .history-detail-txt .txt {font-size: 1.6rem;}
	.history-list .history-item .history-detail-txt-con .history-detail-txt:first-of-type {width: 100%;}
	.history-arrow-box {width: 12rem; height: 3.8rem;}
	.history-arrow-box button {font-size: 3.8rem;}
	.history-arrow-box button.arrow-prev {right: 5.5rem;}
}
@media all and (max-width:480px){
	.history-slide-con-wrap {width: 100%;}
	.history-slide-con-wrap:after {display: none;}
}

/* ------- 2. 기업 가치 :: 윤리경영 ------- */
@media all and (max-width:1360px){
	.ethical-top-img .inner{border-radius: 0;}
}
@media all and (max-width:1280px){
	.ethical-con02 {padding: 22rem 0;}
	.ethical-con03 {padding: 22rem 0;}
}
@media all and (max-width:800px){
	.ethical-con01 {padding: 3rem 0 20rem;}
	.ethical-top-img strong {font-size: 3.6rem;}
	.ethical-con02 {padding: 17rem 0;} 
	.ethical-list {margin: -1rem 0;}
	.ethical-list li {width: 100%; margin: 1rem 0; min-height: 0;}
	.ethical-list li .inner { padding: 4rem;}
	.ethical-con03 {padding: 17rem 0;}
	.ethical-list li dl dd .txt + .txt {padding-top: 1rem;}
}


/* ------- 1. 당신의 치과의사는 안다 :: 장기 임상데이터 ------- */
/* @media all and (max-width:800px){
	.clinical-data-con .clinical-data-tit {font-size: 4.8rem;}
} */
/* ------- 1. 당신의 치과의사는 안다 :: 월드 심포지엄 ------- */
@media all and (max-width:800px){
	.why-global-con01-img {width: 100%;}
	.why-global-con01-txt {width: 100%; padding: 2rem 2rem 4rem;}
}


/* ****************** 02. 글로벌네트워크 ********************* */
@media all and (max-width:1680px){
	.network-con-left {left: var(--area-padding);}
	.network-con-right {right: var(--area-padding);}
}
@media all and (max-width:800px){
	.sub-network-visual{height: calc(100vh + 6rem);}
	.network-bg-con {/* height: calc(100vh + 6rem); */ top: 7rem; height: 100vh;}

	.network-con-left {left: var(--area-padding); /* top: 15%; */ top: calc(var(--header-height) + 6rem); transform: translateY(0);}
	.network-con-right {right: auto; left: var(--area-padding); top: auto; bottom: 8rem; transform: translateY(0); text-align: left;}
	.network-con-left .tit {font-size: 3.8rem;}
	.network-con-right .num01,
	.network-con-right .num {font-size: 5rem;}
	.network-con-right .txt {font-size: 1.8rem;}
	.network-con-right .txt + .num {margin-top: 2rem;}
	
	.sub-network-wrapper{margin-top: 12rem;}
	.network-global-con {padding: 15rem 0;}
	.network-global-list li {width: calc(100% - 4rem);}
	.network-global-list li a {padding: 4rem 6rem 3.5rem 4rem;}
	.network-global-list li a:after {right: 3rem; top: 3rem;}
}


/* ****************** 03. 제품정보 ********************* */
/* ------- 4. IFU ------- */
@media all and (max-width:800px){
	.ifu-list-tbl { border-top:1px solid #d7d7d7;}
    .ifu-list-tbl, .ifu-list-row, 
	.ifu-list-row .column, 
	.ifu-list-tbody {display: block;}

    .ifu-list-col-group, 
	.ifu-list-head { display: none; position: absolute;top: -1000em; left: -1000em; }
    .ifu-list-row {position: relative;width: auto;  padding: 1rem 0 2rem; border-bottom: 1px solid #eee;}
    .ifu-list-row .column {height: auto; border-bottom: 0; text-align: left;}
    .ifu-list-row .column.bbs-m-display-none {display: none; }
    .ifu-list-row .column.bbs-block {width: 100%;margin-top: 5px;}
    .ifu-list-row .column.bbs-inline { display: inline-flex; align-items: center; width: auto; height: 1.1em; margin: 5px 4% 0px 0;}
    .ifu-list-row .column.bbs-absolute { position: absolute;top: 10px; left: 2%;}
    .ifu-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {padding-right: 8px;  color: #aaa;content: attr(data-label);}
    .ifu-list-row .column[data-label=""]:before { padding-right: 0; display: none;}
    .ifu-list-row .column.bbs-title a{padding: 1rem 0; }
    .ifu-list-row .bbs-title.center { text-align: left;}
    .ifu-list-row .bbs-title.center a {justify-content: flex-start;}

	.ifu-list-row .column .pdf-downlod-btn {width: ;}
	.ifu-list-row .column .pdf-downlod-btn span {text-align: center;}
}

/* ****************** 04. 세미나 · 행사 ********************* */
@media all and (max-width:800px){
	.schedule-list{margin:-3rem -1rem;}
	.schedule-list li{width:calc(calc(50% - 2rem)); margin: 3rem 1rem;}
}

/* ****************** 05. PR/IR ********************* */
/* ------- 1. PR :: 보도자료 ------- */
@media all and (max-width:1560px){
	.recommended-news-arrow { top: auto;left: 0;bottom: -7rem;transform: translateY(0);}
	.recommended-news-arrow button {top: 0;}
	.recommended-news-arrow button.arrow-prev {left: 0;}
	.recommended-news-arrow button.arrow-next {right: 0;}
}
@media all and (max-width:1280px){
	.recommended-news-list li a {min-height: 0;}
	.recommended-news-list li a .txt-box {padding: 5rem;}
	.news-con02 {padding: 22rem 0;}
	.news-con04 {padding: 22rem 0;}
	.news-media-list li a {padding: 0 3rem;}
}
@media all and (max-width:800px){
	.recommended-news-list li a .img-box {width: 100%;}
	.recommended-news-list li a .img-box span {height: 0; padding-top: 63.33%;}
	.recommended-news-list li a .txt-box {width: 100%;}
	.recommended-news-arrow {height: 3.8rem;}
	.recommended-news-arrow button {width: 3.8rem; height: 3.8rem; line-height: 3.8rem; font-size: 3.8rem;}
	.recommended-news-control .swiper-pagination {width: 20rem;}
	.news-con02,
	.news-con03{padding: 10rem 0;} 
	.corporate-news-list li {width: calc(100% - 2rem);}
	.corporate-news-list li a .txt-box {padding: 0 0 0 2.5rem;}
	.corporate-news-list li a .txt-box .date {margin-top: 2rem;}
	
	.news-story-list {flex-wrap: wrap; margin: -3rem 0;}
	.news-story-list li {width: 100%; margin: 3rem 0;}
	.news-story-list li a .txt-box .tit br {display: none;}

	.news-con04 {padding: 10rem 0;}
	.news-social-list {margin: -0.7rem;}
	.news-social-list li {width: calc(50% - 1.4rem); margin: 0.7rem;}
	.news-con05 {padding: 10rem 0;}
	.news-media-list {flex-wrap: wrap; margin: -1rem;}
	.news-media-list li {width: calc(50% - 2rem); margin: 1rem;}
	.news-media-list li strong {font-size: 2rem;}

	.news-contact-con {display: block;}
	.news-contact-con strong {margin-bottom:5rem; text-align: center;}
	.news-contact-con .contact-btn {width: 100%;}
}
/* ------- 1. PR :: 다운로드센터 ------- */
@media all and (max-width:800px){
	.download-page{padding-bottom:0rem;}
	.download-list li {width: calc(50% - 3rem);}
	.download-list li a .info-top span {width: 2rem;}
	.download-prd-img-list {margin: -3rem -1rem;}
	.download-prd-img-list li {width: calc(50% - 2rem); margin: 3rem 1rem;}
	.download-prd-img-list li a .info-top span {width: 2rem;}

	/* 브로슈어 */
	.brochure-con .download-list li{width: calc(50% - 3rem);}
}
@media all and (max-width:480px){
	.download-list {margin: -2.5rem 0;}
	.download-list li {width: 100%; margin: 2.5rem 0;}

	/* 브로슈어 */
	.brochure-con .download-list li{width: 100%; margin: 2.5rem 0;}
}

/* ------- 2. IR :: 공통 ------- */
@media all and (max-width:1280px){
	.ir-stock-top .stock-price-con {display: block;}
	.ir-stock-top .stock-prev-price {margin-top: 4rem;}
}
@media all and (max-width:800px){
	.cm-top-tit {font-size: 5.6rem;}
	.ir-page .cm-top-tit {margin-bottom: 10rem;}
	.ir-stock-top .stock-cur-price {font-size: 6rem;}
	.ir-stock-top .stock-prev-price {display: block;}
	.ir-stock-top .stock-prev-price dl {width: 100%;}
	.ir-stock-top .stock-prev-price dl + dl {margin-left: 0; margin-top: 2rem;}
	.ir-stock-bottom {flex-wrap: wrap;}
	.ir-stock-bottom dl {display: flex; justify-content: space-between; align-items: center; width: 100%; border-left: 0; border-bottom: 1px solid #DDDDDD; padding: 2rem 0;}
	.ir-stock-bottom dl:first-child {padding-top: 0;}
	.ir-stock-bottom dl:last-child {padding-bottom: 0; border-bottom: 0;}

	.ir-con-wrap {padding: 15rem 0 0;}
	.ir-stock-table .stockTbl tbody td a.tit {padding:3rem;}
	.ir-stock-table .stockTbl tbody td a span {width: 8rem;}

	.ir-inquiry-list{flex-direction:column; align-items: center;}
	.ir-inquiry-list li{width:calc(100% - 2.4rem); margin:1rem 0;}

	.dividend-details-con{margin-bottom:10rem;}
}

/* ------- 2. IR :: IR정보 인트로 ------- */
@media all and (max-width:1280px){
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl {padding: 0 1rem 0 2rem;}
}
@media all and (max-width:800px){
	.ir-intro-top-list {margin: -1rem 0; padding-bottom: 1rem;}
	.ir-intro-top-list li {margin: 1rem 0;}
	.ir-intro-top-list .intro-ir-item {width: 100%; }
	.ir-intro-top-list .intro-ir-item .intro-stock-top {padding: 2.5rem 1rem;}
	.ir-intro-top-list .intro-ir-item .stock-price-con {flex-wrap: wrap;}
	.ir-intro-top-list .intro-ir-item .stock-cur-price {width: 100%;}
	.ir-intro-top-list .intro-ir-item .stock-prev-price {width: 100%; margin-top: 2rem;}
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom {flex-wrap: wrap; padding: 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl {display: flex; justify-content: space-between; align-items: center; width: 100%; border-left: 0; border-bottom: 1px solid #DDDDDD; padding: 2rem 0;}
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:first-child {width: 100%; padding:  0 0 2rem;}
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:nth-child(2) {width: 100%;}
	.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:nth-child(5) {width: 100%; border-bottom: 0; padding: 2rem 0 0;}
	.ir-intro-top-list .intro-stock-item {width: 100%; }
	.ir-intro-list {flex-wrap: wrap; margin: -0.5rem;}
	.ir-intro-list li {width: calc(50% - 1rem); margin: 0.5rem;}
	.ir-intro-list li a {padding: 2.5rem;}
	.ir-intro-list li a .tit-box .tit  {font-size: 2.4rem;}
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row {flex-wrap: wrap;}
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .tit {width: 100%;}
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .tit a {padding: 1.5rem 0 1rem; white-space: wrap;}
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .name {width: 50%; text-align: left; }
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .name a {padding: 1.5rem 0 ;}
	.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .date {width: 50%; text-align: right; padding: 1.5rem 0;}
}
/* ------- 2. IR :: IR 정책 ------- */
@media all and (max-width:1280px){
	.policy-con {padding: 8rem;}
}
@media all and (max-width:800px){
	.policy-con {padding: 8rem 4rem; margin-bottom: 15rem;}
	.dividend-details-con table thead th {padding: 1.5rem 1rem; font-size: 1.8rem;}
}


/* ****************** 06. 고객센터 ********************* */
/* ------- 고객문의 ------- */
@media all and (max-width:800px){
	.customer-page {padding: 5rem 0 10rem;}
	.inquiry-con {padding: 7.5rem 0;}
	.inquiry-type-list {flex-wrap: wrap; margin: -1rem;}
	.inquiry-type-list li {width: calc(50% - 2rem); margin: 1rem;}
	.inquiry-write-con {margin: -2rem 0;}
	.inquiry-write-con dl {width: 100%; margin: 2rem 0;}
	.inquiry-write-con dl dd .write-input, 
	.inquiry-write-con dl dd .write-select {}
	.agree-check-box label {font-size: 2rem;}
}

/* ------- 오시는길 ------- */
@media all and (max-width:800px){
	.location-map-con {height: 60rem;}
	.location-address-box dl {margin-bottom: 4rem; }
	.location-info-con {display: block; margin: 0;}
	.location-info-box {width: 100%; margin: 0; margin-bottom: 2rem; padding: 3.5rem 4rem;}
	.location-info-box strong {font-size: 2.6rem;}
}
@media all and (max-width:480px){
	.location-address-box dl {display: block; width: 100%; padding: 3.5rem 4rem;}
	.location-info-box {padding: 3rem 2.5rem;}
	.location-info-box p {font-size: 1.8rem;}
	.location-info-box p i { width: 4rem;height: 4rem;border-radius: 4rem; line-height: 4rem; font-size: 1.8rem;}
}


/* ****************** 04. 세미나·행사 ********************* */
/* 공통 :: 버튼 */
@media all and (max-width:800px){
	.cm-btn-wrap{margin-top:5rem;}
	.cm-btn-wrap .cm-btn{width:20rem; height:5rem;}
	.cm-btn-wrap .cm-btn .txt{font-size:1.6rem;}
}
/* ------- 4-1 :: 개요 ------- */
@media all and (min-width:801px){
	/* 개요 :: Highlight */
	/* hover */
	.summary-slide .slide-item a:hover .cover-box{opacity:1;}	
}
@media all and (max-width:800px){
	/* 개요 컨텐츠 레이아웃 */
	.summary-con{padding:8rem 0 6rem;}
	.summary-con:first-child{padding-top:0rem;}
	/* 개요 공통 텍스트 */
	.summary-con .cm-sub-title .txt02{font-size:3rem;}
	.summary-tit{font-size:1.4rem; margin-bottom:2rem;}
	.summary-txt{font-size:1.8rem; margin-top:1.5rem;}

	/* 개요 :: 심포지엄 개최 */
	.summary-intro .summary-txt{margin-top:3rem;}

	/* 개요 :: Highlight */
	.summary-slide{margin:4rem -3rem 0; width:calc(100% + 6rem);}
	.summary-slide .slide-item{margin:0 1rem; width:calc(33.33% - 2rem);}
	.summary-slide .slide-item a{box-shadow: 2rem 2rem 3rem #00000029;}
	/* progress bar */
	.summary-slide-control {margin-top: 7rem;}
	.summary-slide-control .summary-slide-progress {width: calc(100% - 12rem);}
	.summary-slide-arrow { width: 12rem;  height: 3.8rem;}
	.summary-slide-arrow button  {font-size: 3.8rem;}
	
	/* 개요 :: 핵심 철학 */
	.philosophy-list{margin-top:3rem;}
	.philosophy-list .list-item{display: block; margin-bottom:2rem;}
	.philosophy-list .list-item .img-box{width:100%; padding-bottom:0;}
	.philosophy-list .list-item .txt-box{width:100%; padding-bottom:3rem;}
	.philosophy-list .list-item .txt-box .tit{font-size:3rem;}
	.philosophy-list .list-item .txt-box .txt{font-size:1.4rem; margin-top:1.5rem;}
	/* reverse */
	.philosophy-list .list-item.reverse{flex-direction:row-reverse;}
}
/* ------- 4-2 :: 일정 ------- */
@media all and (max-width:800px){
	/* 일정 :: 상단 달력영역 */
	.schedule-top-con{display: block; margin-bottom:8rem;}
	.schedule-calendar-box{width:100%; max-width:none;}
	/* 일정 :: 상단 달력 :: 우측 리스트메뉴 */
	.schedule-list-box{width:100%; max-width:none; margin-top:3rem;}
	.schedule-list-box .current-month{margin-bottom:1.5rem; font-size:2rem;}
	.schedule-list-content{padding:2rem;}

	.schedule-list-content .inner-list .list-item .state-box span{width:6rem; height:2.5rem; font-size:1.3rem;}
	.schedule-list-content .inner-list .list-item .tit-box{width:calc(100% - 14rem); padding:0 1rem; box-sizing:border-box;}
	.schedule-list-content .inner-list .list-item .tit-box .tit{font-size:1.3rem;}
	.schedule-list-content .inner-list .list-item .date{font-size:1.3rem;}
}
/* ------- 4-2 :: 뷰페이지 ------- */
@media all and (max-width:800px){
	.seminar-view-con {padding-top: calc(var(--header-height) + 2rem);}
	.seminar-tit {padding-bottom:2rem; font-size: 3rem;}
	/* 뷰페이지 :: 상단 정보 */
	.seminar-view-top {display: block; padding-top: 3rem; margin-bottom:5rem;}
	.seminar-view-top .left-con {width: 100%;}
	.seminar-view-top .img-list-con .slick-dots {margin-top:1.5rem;}
	.seminar-view-top .img-list .slick-dots li{margin:0 2px;}
	.seminar-view-top .state-box{margin-top:1.5rem;}
	.seminar-view-top .state-box span{width:5rem; height:2.5rem; font-size:1.3rem;}
 
	.seminar-view-top .right-con {width: 100%; padding-left:0rem; padding-top:4rem;}
	.seminar-view-top .right-con .txt-box{padding-bottom:3rem; margin-bottom:3rem;}
	.seminar-view-top .right-con .txt-box .txt01{margin-bottom:1.5rem;}
	.seminar-view-top .right-con .txt-box .txt02{font-size:1.6rem;}
	.seminar-view-top .right-con .info-box{}
	.seminar-view-top .right-con .info-box dl{display: block; font-size:1.6rem; margin-bottom:1rem;}
	.seminar-view-top .right-con .info-box dl dt{width:100%;}
	.seminar-view-top .right-con .info-box dl dd{width:100%}

	/* 뷰페이지 :: 하단 상세내용 */
	.seminar-view-info{margin-bottom:4rem;}
	.seminar-view-tbl thead tr th,
	.seminar-view-tbl tbody tr th,
	.seminar-view-tbl tbody tr td{padding:1rem; font-size:1.5rem;}

	.seminar-view-tbl-box .seminar-view-tbl-plus-box{margin-top:2rem;}
	.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt{font-size:1.5rem;}
	/* 지도 */
	.seminar-view-map-box{margin-top:4rem;}
	.seminar-view-map-box .map-frame{padding-top:30rem;}
}


/* ****************** 02. 글로벌 네트워크 ********************* */
@media all and (max-width:800px){
	.sub-network-item{width: calc(100% - 2rem);}
	.sub-network-item .sub-network-inner{padding:2.5rem;}
}