/**********************************************
note : 메인
name : 강혜리
**********************************************/
/* 기사박스 */
.box-skin.header-topline .header {margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.12)}
.box-skin.header-topline .header > a, .box-skin.header-topline .header > strong {position:relative;display:inline-block;margin-bottom:10px;font-size:18px;font-weight:500}
.box-skin.header-topline .header > a::before, .box-skin.header-topline .header > strong::before {content:'';position:absolute;right:-25px;top:5px;width:18px;height:13px;background-size:80%;background:url('/image/box/header-topline-btn.png')left top no-repeat}

.box-skin.no-margin .header {margin-bottom:0;border-bottom:0}

/* 신경훈 / 1102096 / 20211025 */
.panic-wrap .tabs{border:0; border-bottom:2px solid #1f406e}
.panic-wrap .tabs-title{width:50%; text-align:center}
.panic-wrap .tabs a{font-size:1.2rem; font-weight:400; color:#222; background:#f8f8f8; font-family:'Noto Sans KR','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif; text-decoration:none}
.panic-wrap .tabs .is-active a{color:#fff; font-weight:600; background:#1f406e !important}
.panic-wrap .tabs-content{border:0}
.panic-wrap .tabs-panel{padding:1rem 0}


/* 최은비 / 1102652 / 20211026 */
/*.panic-wrap{margin-bottom:175px;}*/
.panic-wrap .tabs-title>a{padding:0.969rem 1.5rem}
.panic-wrap .article-list{margin-bottom:200px;}
.height-200{height:200px;}

.panic-wrap .panic-content{margin-bottom:175px;}



/* 배너 */
.banner-4 {margin:0;list-style:none}
.banner-4::after {content:'';display:table;clear:both}
.banner-4 li {float:left;width:32%;margin-left:2%}
.banner-4 li:first-child {margin-left:0}

/* 날개배너 */
.view-aside.right-wing {left:calc(100% + 22px)}
.view-aside {width:133px}

#rollBanner-3 .columns, #rollBanner-3 .slick-slide {padding:0}

/* 폰트 */
.font-malgun {font-family:'Malgun Gothic',sans-serif;letter-spacing:-.05em}
.auto-fontB {color:rgba(0,0,0,.55) !important}

/**********************************************
note : 모바일 메인
name : 강혜리
**********************************************/
.iframeContainer {position:relative;width:100%;height:0;padding-bottom:30px}
.iframeContainer iframe {position:absolute;width:100%;height:100%;top:0;left:0}

#m-idx11 .banner_box {background-color:#fff}

/**********************************************
note : 기사뷰
name : 강혜리
**********************************************/
#article-view .article-veiw-body > center {line-height:1}

#article-view.default-old .sticky-article .article-copy{margin-top:1rem}
 
.article-veiw-body.view-page p {line-height:1.6}

/**********************************************
note : 기사리스트
name : 강혜리
**********************************************/
#sections .header {padding-bottom:0;border-bottom:0}

#section-list ul > li, #section-list ul > li .titles {font-family:'Malgun Gothic',sans-serif;letter-spacing:-.05em}
#section-list ul > li .titles {font-weight:700 !important}

/* 제목형 */
#section-list .type1 > li {display:-ms-flexbox !important;display:flex !important;-ms-flex-wrap:wrap;flex-wrap:wrap}
#section-list .type1 > li .titles {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;display:block;max-width:100%;min-width:0}
#section-list .type1 > li .list-cont {-ms-flex: 0 0 auto;flex: 0 0 auto;width:auto;max-width:100%;margin-left:10px}
#section-list .type1 .info:not(.label), #section-list .type1 li .list-cont > [class^="icon-"] {margin-left:.625rem;font-size:.75rem;letter-spacing:-.05em;font-weight:400;font-weight:var(--wgt400,400);font-style:normal;line-height:1.125;color:#737475}

/* 요약형 */
#section-list .type2 > li .titles {font-size:1.3rem;letter-spacing:-.08em}
#section-list .type2 .thumb {width:180px;height:120px}
#section-list .type2 .thumb + .view-cont {width:calc(100% - 180px)}
#section-list .type2 .lead {font-size:.9rem;color:#333;letter-spacing:-.05em}

/* 포토형 */
#section-list .type3 > li {width:30.333%}
#section-list .type3 > :nth-child(-n+4) {margin-top:3%}
#section-list .type3 > :nth-child(4n+1) {margin-left:3%}
#section-list .type3 > :nth-child(-n+3) {margin-top:0}
#section-list .type3 > :nth-child(3n+1) {margin-left:0}

@media screen and (max-width: 39.9375em) {
	#section-list .type1 > li {display:block !important}
	#section-list .type2 > li .titles {font-size:17px}
	#section-list .type2 .byline {margin-top:.625rem}
	#section-list .type2 .lead {font-size:15px;color:#555}
}

/**********************************************
note : 상세검색 서비스
name : 강혜리
**********************************************/
.user-page-header.search-service .user-page-titles {display:block;margin-bottom:.5rem}
.user-page-header.search-service .user-page-summary {margin:0;padding:0;border-left:0}

/**********************************************
note : 소개페이지
name : 강혜리
**********************************************/
/* 회사소개 */
.com-about.com-1 {position:relative;padding-left:320px}
.com-about.com-1::before {content:'Greetings';position:absolute;left:0;top:0;bottom:0;width:290px;padding-top:5rem;background:rgba(0,0,0,.06) url('/image/company/com-1-bg.png') no-repeat left bottom;font-size:3rem;font-weight:500;letter-spacing:-.18rem;line-height:1;text-align:center}
.com-about.com-1::after {content:'';position:absolute;left:20%;top:160px;width:290px;border-top-width:1px;border-top-style:solid}
.com-about.com-1 .about-header .header-point {display:block;margin-bottom:3.125rem;font-size:1.5rem;letter-spacing:-.1rem;line-height:1.2}
.com-about.com-1 .about-header p {font-size:.938rem;color:rgba(0,0,0,.75)}
.com-about.com-1 .about-cts {margin-top:3rem}
.com-about.com-1 .about-cts p {margin-bottom:.313rem;font-size:.875rem;color:rgba(0,0,0,.55)}
.com-about.com-1 .about-cts a {display:block;margin-top:2rem;padding:.5rem 0;width:200px;color:rgba(0,0,0,.75);font-size:1rem;background:rgba(0,0,0,.06);text-align:center;text-decoration:none}
.com-about.com-1 .about-cts a:hover {color:#fff}

@media screen and (max-width: 39.9375em) {
	.com-about.com-1 {padding-left:0}
	.com-about.com-1::before,.com-about.com-1::after {display:none}
	.com-about.com-1 .about-header .header-point {margin-bottom:2rem}
	.com-about.com-1 .about-cts {margin-top:2rem}
}


/* 임희은 / 1269626 / 20230511 */
#article-view-content-div b, #article-view-content-div strong {font-weight:700}

/* 배진희 / 1298853 / 20230825 */
.article-veiw-body.view-page p{font-weight:400;color:#1e1e1e;}

/**********************************************
note : 폰트적용
name : 권오석
**********************************************/
@font-face {
    font-family: 'GmarketSans';
    src: url(/css/fonts/GmarketSansTTFBold.woff2) format('woff2'), 
			url(/css/fonts/GmarketSansTTFBold.woff) format('woff'),
			url('/css/fonts/GmarketSansTTFBold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url(/css/fonts/GmarketSansTTFMedium.woff2) format('woff2'), 
			url(/css/fonts/GmarketSansTTFMedium.woff) format('woff'),
			url('/css/fonts/GmarketSansTTFMedium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url(/css/fonts/GmarketSansTTFLight.woff2) format('woff2'), 
			url(/css/fonts/GmarketSansTTFLight.woff) format('woff'),
			url('/css/fonts/GmarketSansTTFLight.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url(/css/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'), 
			url(/css/fonts/SpoqaHanSansNeo-Bold.woff) format('woff'),
			url('/css/fonts/SpoqaHanSansNeo-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url(/css/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'), 
			url(/css/fonts/SpoqaHanSansNeo-Medium.woff) format('woff'),
			url('/css/fonts/SpoqaHanSansNeo-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url(/css/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'), 
			url(/css/fonts/SpoqaHanSansNeo-Regular.woff) format('woff'),
			url('/css/fonts/SpoqaHanSansNeo-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url(/css/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'), 
			url(/css/fonts/SpoqaHanSansNeo-Light.woff) format('woff'),
			url('/css/fonts/SpoqaHanSansNeo-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url(/css/fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2'), 
			url(/css/fonts/SpoqaHanSansNeo-Thin.woff) format('woff'),
			url('/css/fonts/SpoqaHanSansNeo-Thin.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
}

.font-gmarket {font-family:'GmarketSans',sans-serif}

.info-txt {display:block;margin-bottom:.875rem;font-size:14px;line-height:1.5;letter-spacing:-.05em;color:#555;text-align:left}
.flex-banner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.auto-images.ratio-21 {height:0;padding-bottom:50%}
/*.auto-images[style*=background-image] {background-position:top center}*/
body{top: 0 !important;letter-spacing:-0.5px}



/* 홍경아 / 1388266 / 20240708 */
.view-aside img { width: 130px;}

/* 홍경아 / 1388283 / 20240708 */
#rollBanner-2 .columns {padding:0;}

/* 최은비 / 1419782 / 20241106 */
#section-list .type2 .movie{position:relative;}
#section-list .type2 .movie::after {content:"";position:absolute;background:url('/image/youtube-icon.png') no-repeat;width: 35px;height: 24px;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);text-indent:inherit;text-shadow:0 0 5px rgba(0,0,0,.25);z-index: 1;}					

#section-list .type3 .movie{position:relative;}
#section-list .type3 .movie::after {content:"";position:absolute;background:url('/image/youtube-icon.png') no-repeat;width: 35px;height: 24px;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);text-indent:inherit;text-shadow:0 0 5px rgba(0,0,0,.25);z-index: 1;}					

/* 최은비 / 1420713 / 20241111 */
#article-view .article-view-sns .social-group .sns .icon-twitter::before{content:'';background:url('/image/twitter-icon.png') no-repeat;width:22px;height:20px;}
.social-group.for-other .sns .icon-twitter::before{content:'';background:url('/image/twitter-icon.png') no-repeat;width:22px;height:20px;}
@media screen and (max-width: 39.9375em){
.row #article-view .social-group .sns .icon-twitter::before{content:'';background:url('/image/twitter-icon-m.png') no-repeat;width:16px;height:15px;}
}

/* 유튜브 쇼츠 */
.simplebox.short-vid {display:flex; flex-direction: column;}
/* .simplebox.short-vid .simplebox-content{width: 400px;height: 714px !important;margin: 0 auto;} */
.simplebox.short-vid .simplebox-content{width: 315px;height: 560px !important;margin: 0 auto;}

@media screen and (max-width: 39.9375em) {
.simplebox.short-vid{display:block;}
.simplebox.short-vid .simplebox-content{width: 100%;height: auto;}
}

/* 리뉴얼 - 멀티기능성배너 */
#rollBanner-3.rolling-bn, #rollBanner-4.rolling-bn, #rollBanner-5.rolling-bn, #rollBanner-6.rolling-bn, #rollBanner-7.rolling-bn {margin:0 -.9375rem}

/* 임희은 / 1448917 / 20250227 */
#section-list .type2 .movie::after {content:"";position:absolute;background:url('/image/navertv.png') no-repeat;background-size:cover;width:35px;height:41px;left:50%;top:50%;text-align:center;transform:translate(-50%, -50%);text-indent:inherit;text-shadow:0 0 5px rgba(0,0,0,.25);z-index: 1;}

/* 홍경아 / 1456306 / 20250326 */
	
#section-list .type3 .thumb.movie::after {content: ""; position: absolute; background: url('/image/navertv.png') no-repeat; background-size: cover; width: 35px; height: 41px; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); text-indent: inherit; text-shadow: 0 0 5px rgba(0, 0, 0, .25); z-index: 1;}

/* 임희은 / 1471802 / 20250516 */
.box-skin.calc01 .container .skin-column:first-child {width:457px}
.box-skin.calc01 .container .skin-column:last-child {width:calc(100%)}

/**********************************************
note : 리뉴얼 - 모바일 
name : 류진실
**********************************************/
/* 오늘의 마켓뷰 하단 지표 박스 */
.boom-box {padding:12px;font-size:13px;border-radius:9px;background:#EEF2F9}
.boom-box strong display:flex;padding-bottom:5px;font-size:16px}

/* 심층분석 배너 */
.box-skin.bckn .banner_box {margin-bottom:20px;background-color:rgb(255 255 255 / 0%) !important}
.box-skin.bckn .banner_box img {border-radius: 9px}

/* 메인 롤링 기획배너 */
#rollBanner-11 {margin-bottom:10px;padding:20px 0;background:#fff}
#rollBanner-11 .banner_box img, #rollBanner-12 .banner_box img {width:75%;border-radius:10px}
#rollBanner-12 {padding:20px 0}
#rollBanner-12 .banner_box {margin:8px 0;background-color:rgb(255 255 255 / 0%)}


/* 윤미정 / 1519145 / 20251028 */
#rollBanner-9.rolling-bn, 
#rollBanner-13.rolling-bn, 
#rollBanner-14.rolling-bn, 
#rollBanner-15.rolling-bn {
  margin: 0 -.9375rem;
}

/* 배진희 / 1521877 / 20251106 */
.rolling-bn.banner-multi-box{margin:0 -1.1375rem}

/* 홍경아 / 1521998 / 20251106 */
.user-com-about.ethics {margin-bottom:80px}
.user-com-about.ethics .link {margin-top:100px; font-size:14px}
#com-container .com-titles { margin-top: 1.5rem; font-size: 1.9375rem;}