@charset "utf-8";


@media all and (max-width:1589px) {
	
	/* 개요 */
	#scroll-wrapper { left: 0; }
	.company_visual {height: auto;}
	.company_img { position: static; margin-top: 100px; margin-left: 85px;} 

	/* 서비스 */
	.service_img span { width: 100%;height: 0;padding-top: calc(460/1560 * 100%); background-size: cover;}
	.service_img {left: 0;margin-right: 3.90625%;margin-left: 3.90625%;width: auto;}
	.news_list .item .img { padding-top: calc(250/320 * 100%); width: 100%;  }

	/* 주주정보 */
	#chart_div { transform: scale(1.1) translateX(10%); }

	/* 주가정보 */
	.stock_wrap .float-l { width: 40%; }
	.stock_wrap .float-r { width: 57%; } 

}
@media all and (max-width:1500px) {
    .culture_box .item table td.person .box .img { right: 0; }
	.culture_box .item table td.person .box .img img { width: 90%; }
	
	/* 뉴스룸 */
	.news_tit { position: static; }
	.news_list_wrap { padding-lefT:0; margin-top: 50px; }
	.news_list_wrap .news_nav{ top: -55px; }
	.news_list .item { margin: 0 10px 15px; }
	
}

@media all and (max-width:1319px) {

	/* 개요 */
	.group_info > li .group_logo{padding-left: 0;}
    .group_info > li .title{position: initial; margin-bottom: 45px;}

	/* * 기업문화 */
	.company_inner { width: auto; margin-left: 3.90625%; margin-right: 3.90625%; }
	.culture_box .item table td .box { font-size: 20px; padding: 30px 20px; }
	.welfare_list li .flex_wrap { display: block; }
	.welfare_list li .flex_wrap .text {margin-left: 0;margin-top: 50px;}
	.welfare_list li .big_tit { margin-bottom: 50px; }
	.upgrade_list li {height: auto;font-size: 0;background: #fff;border-radius: 20px;}
	.upgrade_list li.left .img,
	.upgrade_list li.left .txt,
	.upgrade_list li.right .img,
	.upgrade_list li.right .txt {position: static;width: 50%;box-sizing: border-box;display: inline-block;vertical-align: top;font-size: 15px;border-radius: 0;box-shadow: none;}
    .upgrade_list li .img img {/* border-radius: 0; */box-shadow: none;}
	.upgrade_list li.left .txt,
	.upgrade_list li.right .txt {padding: 50px 40px;height: auto;background: none;} 

	/* 주주정보 */
	.chart_wrap { padding-right: 0; }
	.chart_wrap .chart_img {  position: static; width: 100%; }
	#chart_div { transform: scale(1.1) translateX(0); }

	/* 재무정보 */
	.finance_wrap .wrap { padding-left: 0; }
	.finance_wrap .left_txt { position: static;  }

}

@media all and (max-width:1199px) {

	/* 개요 */
	#scroll-wrapper { displaY: none; }
	.company_img { margin-top: 80px; margin-left: 3.90625%; margin-right: 3.90625%; width: auto; } 
	.company_img img { border-radius: 20px; }
    .company_blue_bg { margin-top: -10%; }
    .history_title{position: initial;}
    .history_wrap{padding-left: 0;}
    .history_list{margin-top: 75px;}
	.history_view .cont { margin: 80px 3.90625%;width: auto;}
    .ci_inner{width: auto; padding-left: 3.9063%; padding-right: 3.9063%; word-break: keep-all;}
    .ci_color .color_box li .right{padding-left: 50%;}
	
	/* 기업문화 */
	.culture_box .item { float: none; width: 100%; }
	.culture_slide .slick-prev { left: 10px; margin-left: 0; }
	.culture_slide .slick-next { right: 10px; margin-right: 0; }
	.culture_slide .item > div { display: block; }
	.culture_slide .item > div.img { width: 100%; height: auto; }
	.culture_slide .item > div.img img { border-radius: 20px 20px 0 0; width: 100%; }
	.spin { right: 50px; margin-right: 0; }

	.upgrade_list li.left .img, 
    .upgrade_list li.left .txt, 
    .upgrade_list li.right .img, 
    .upgrade_list li.right .txt { display: block; width: 100%; }
    .upgrade_list li.left .img img,  
    .upgrade_list li.right .img img { width: 100%; } 

	/* 서비스 */
	.service_text { margin-top: 40px; }
	.service_text .service_logo { position: static; }
	.service_text .right { padding-left: 0; margin-top: 40px; }
	
	
	/* 뉴스룸 */
	.board-view { width: auto;  margin-left: 3.90625%; margin-right: 3.90625%; }
	.board-view.newsroom-view,
	.board-view.story-view {
		width: auto;
	}

	/* 주주정보 */
	.chart_wrap {margin-top: 0;}
	.chart_tit { position: static; }
	.chart_wrap .right { padding-left: 0; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {

	/* 개요 */
	.group_info > li .group_logo li{width: 25%;}

	.history_view_top .title { font-size: 70px; }
	.history_view .tit { font-size: 40px; }
	.history_view .name { font-size: 40px; }

	/* 서비스 */
	.service_text .service_btn a {font-size: 14px; padding: 0 30px;margin-right: 10px;}
	
	/* 뉴스룸 */
	.board-list li { padding-right: 240px; }
	.board-list .num {width: 80px;}
	.board-list .date {width: 150px;}
	.board-list .view {width: 80px;}

	/* 주가정보 */
	.chart_table_wrap { white-space: nowrap; overflow-x: auto;}
	.stock_wrap .float-l,
	.stock_wrap .float-r { width: 100%; float: none !important; } 

	

}

@media all and (max-width: 900px){

	/* 개요 */
	.company_tit { font-size: 40px; }
    .company_img{height: 0; overflow: hidden; padding-top: 50%; position: relative; left: auto; right: auto; width: calc(100% - 7.8125%); margin-left: auto; margin-right: auto; margin-top: 60px; border-radius: 30px;}
    .company_img img{position: absolute; top: 50%; left: 50%; height: 100%; max-width: none; transform: translate(-50%, -50%);}
    .ci_color .color_box li .right{padding-left: 40%;}
    .group_info > li .group_logo li{width: 33.3333%;}

}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.m_br {display: block !important;}
	.page_tit { font-size: 38px; margin-bottom: 60px; }
	.content { padding: 150px 0 165px; }
	.sub_banner { height:300px !important; }
	
	/* 개요 */
	.company_tit{font-size: 1.9rem; margin-top:80px; line-height: 1.3;}
    .company_img{margin-top: 30px;}
    .company_blue_bg .title {font-size: 25px;}
    .company_blue_bg .sub{font-size: 18px;}
    .history_list{margin-top: 45px; padding:0 20px;}
    .history_list li{padding-left: 40px;}
    .history_list li .text{word-break: keep-all;}
	
	.history_view_top .title { font-size: 55px; }
	.history_view .num { font-size: 20px; }
	.history_view .tit { font-size: 35px; line-height: 35px; margin: 20px 0 15px }
	.history_view .name { font-size: 35px; line-height: 35px; }
	/* .history_view .view_banner { padding-top: calc(500/767 * 100%); height: 0; width: 100%; } */
	.history_view_btn a { width: 200px; background: url(/resources/image/sub/back.png) no-repeat 38px / 23px;    width: 200px; line-height: 55px; }
	.history_view_btn.history_list_btn a { background: url(/resources/image/sub/return.png) no-repeat 38px / 20px; }
	
	/* 기업문화 */
	.culture_cate {font-size: 16px; margin-bottom: 25px; }
	.culture_title {font-size: 30px;}
	.culture_sub { font-size: 16px; margin-bottom: 40px; }
	.culture_box { margin: 0 -5px 40px; }
	.culture_box .item table td {padding: 5px;}
	.culture_box .item table td .box {font-size: 16px;padding: 20px 15px;height: 200px;}
	.culture_box .item table td.blue .box { height: 420px; }
	.culture_box .item table td.person .box .img { text-align: right; }
	.culture_box .item table td.person .box .img img { width: 60%; display: inline-block; }
	.culture_box .item table td .box .align-r img { width: 80%; display: inline-block; }
	.welfare_list li { padding: 40px 0; }
	.welfare_list li .flex_wrap .text .wrap { displaY: block }
	.welfare_list li .flex_wrap .text .wrap .item { margin-bottom: 20px; width: 100%;}
	.welfare_list li .item .tit { display: flex; align-items: center; margin-bottom: 0; }
	.welfare_list li .item .tit > .mb10 { margin-right: 10px; }
	.welfare_list li .item .tit > .mb10 img { max-width: 35px; max-height: 35px;}
	.welfare_list li .item .sub { font-size: 16px; }
	.welfare_list li .big_tit { font-size: 30px; }
	.welfare_list li .item .sub br { display: none; }
	.upgrade_list li.left .txt,
	.upgrade_list li.right .txt {padding: 40px 30px; } 
	.upgrade_list li .txt .tit { font-size: 25px; margin-bottom: 25px; }
	
	/* 서비스 */
	.service_img span { padding-top: calc(400/670 * 100%); background-size: auto 100%; background-position: center; }
	.service_text .service_logo  { font-size: 1.8rem; }
	.service_text .service_logo img { max-width: 180px; }
	.service_text .right .tit { font-size: 20px; line-height: 1.4; margin-bottom: 20px; }
	.service_text .right .sub { font-size: 16px; }
	.service_text .service_btn a { font-size: 13px; line-height: 40px; padding: 0 16px; margin-bottom: 10px; margin-right: 5px; }
	.service_text .bi_down { margin-top: 10px; }
	.service_text .bi_down a { font-size: 15px; line-height: 40px; }

	/* 뉴스룸 */
	.news_list .item { width: 400px; }
	.news_list .item .text { padding: 20px 15px; }
	.news_list .item .text .tit { font-size: 18px; }
	.inside_total { font-size: 15px; }
	.inside_search { width: 200px; }

	.board-list, .board-list .tit {font-size:16px;}
	.board-list .head {display:none;}
	.board-list .tit {padding-left:0;margin: 0;line-height: 25px;height: 25px; }
	.board-list .tit img { height: 13px;  }
	.board-list li { padding-right: 0; padding-left: 60px; padding-top: 15px; padding-bottom: 15px; }
	.board-list li p {float:none;line-height:1.5em; padding:0;}
	.board-list li p .icon { margin-left: 5px; }
	.board-list .date,
	.board-list .view { width: auto; }
	.board-list .num { position: absolute; left:0; top: 40%; width: 50px; text-align: center; }
	.board-list .list-info {position:relative; right:auto; top:auto; margin-top: 7px;}
	.board-list .list-info p {display:inline-block; font-size: 13px }
	.board-list .list-info p:not(:last-child)::after {content:'｜'; margin:0 0 0 5px; color:#ddd;}
	.board-list .view::before {content:'조회'; margin-right :3px;}

	.board-pager { margin-top: 60px; }
	.board-pager a { padding: 0 8px; font-sizE: 14px; }
	.board-pager button { width: 30px; height: 30px; }
	
	.board-view-tit .title { font-size: 28px; }
	.board-view-tit .name { font-size: 16px; }

	/* 주주정보 */
	.chart_tit { font-size: 20px; margin-bottom: 20px; }
	#chart_div { height: 400px; }

	/* 공시정보 */
	.invest_list th,
	.invest_list td { font-size: 15px; padding: 20px 15px; }
	.invest_list th.num,
	.invest_list th.date,
	.invest_list th.view {width: auto; }

	/* 주가정보 */
	.stock_tit b { font-size: 16px; font-weight: 500; }
	.stock_data { margin-top: 30px; }
	.stock_table td span img { height: 9px; }

	/* 재무정보 */
	.invest_tab li { padding-right: 30px; }
	.invest_tab li a { font-size: 18px; }
	.finance_select select { width: 150px; height: 45px; font-size: 15px; }
	.finance_wrap .wrap { margin-top: 50px; }
	.finance_wrap .left_txt { font-size: 18px; }

	/* 서비스 */
	.sub_section01 {padding:100px 0 40px 0 !important;}
	.sub_section01 .sub_header {font-size:2rem !important;}
	.sub_section01 .swiper {margin-top:50px !important;}
	.sub_section01 .swiper .swiper-slide {height:440px !important;}
	.swiper-slide { transform: translateY(30px) !important; opacity: .3 !important; transition: all 1s !important;}
	.swiper-slide.swiper-slide-active {transform: translateY(0) !important; opacity: 1 !important;}
	.service_wrap {margin-top:50px;} 
	.service_inner {padding-top:40px;}
	.service_inner .company_top {padding:0 40px; margin-bottom:40px;}
	.service_inner .tit_img {margin-right:20px;}
	.service_inner .slide_tab {display:block; padding:0 40px; margin-bottom:40px; font-size:20px;}
	.service_inner .slide_tab > a {width:100%; min-height:65px; margin-bottom:10px;}
	.service_inner .slide_tab > a:hover {transform: translate(0px);}
	.service_inner .slide_tab > a:last-child {margin-bottom:0;}
	.service_inner .slide { padding:0 0px;}
	.service_inner .slide .s_item {padding:40px 0;}
	.service_inner .slide .s_item .s_text {padding:50px 20px 0;}
	.service_inner .slide .s_item h2 {font-size:28px;}
	.service_inner .slide .s_item .s_title {font-size:20px;}
	.service_inner .slide .s_item .s_sub {font-size:16px;}
	.service_inner .slide .s_item .s_img { padding:0 160px;}
	.service_inner .slide .s_item .s_img > img {margin-right:10px;}
	.swiper-button-next:after, .swiper-button-prev:after {font-size:35px !important;}
	.swiper-button-next {right:10px !important;}
	.swiper-button-prev {left:10px !important;}

	/* 파트너 */
	.partner {}
	.partner .partner_header {font-size: 25px !important;}
	.partner .main_tit img {display:block; height:40px; margin:0 auto 10px auto;}

	.partner .partner_content li { width:33.3%; }
	.partner .partner_content {padding-top:50px;}


	/* 오시는길 */
	.map_section .inner {padding: 50px 20px !important;}
	.wrap_map {height:250px;}
	.map_info li {padding:20px 0 !important; margin-bottom: 15px;}
	.map_info li > .title {display: block !important; width: 100% !important; margin-bottom: 5px !important; font-size: 18px;}
	.map_info li > .title + span {font-size:15px !important;}


	/* 상담신청 */
	.call {padding:50px 0 !important;}
	.call .sub_tit {font-size:1.4rem !important;}
	.call_info {width: 100% !important;}
	.call_info .item {flex-wrap: wrap; margin-bottom: 15px !important;}
	.call_info .item label {width:100% !important; margin-bottom: 5px; font-size: 15px !important;}
	.call_info .item input {height: 40px !important;}
	.call_info .item.item_phone input {width: 31% !important; }
	.call_info .item.item_phone input:nth-of-type(1) {margin-left: 0 !important;}
	.call_info .item textarea {height: 100px !important;}
	.call_info button {width: 100% !important; height: 40px !important; margin-top: 15px !important; font-size: 15px !important;}
}

/* 모바일 상세 */
@media all and (max-width:640px) {
	.br_w640 {display:block;}
	
	/* 개요 */
    .company_visual{padding-top: 30px;}
    .company_blue_bg{margin-top: -125px; padding: 170px 0 45px;}
    .company_blue_bg .title{font-size: 16px; font-weight:600;}
    .company_blue_bg .sub{font-size: 14px; margin-top: 4vw; line-height:1.6em;}
    .sub_wrap{padding: 75px 0;}
    .sub_wrap_tit .eg{font-size: 35px; margin-bottom: 15px;}
    .sub_wrap_tit .sub{font-size: 16px;}
    .history_list li .icon{left: -7px;}
    .history_list li .icon img{width: 15px;}
    .history_list li{padding-left: 40px; padding-top: 25px;}
    .history_list li .img img{width: 100px; height: 100px;}
    .history_list li .img{width: 125px;}
    .history_list li .text .dh_blue{font-size: 15px;}
    .history_list li .text .tit{margin-top: 10px;}
    .history_list li .text{font-size: 16px;}
    .ci_logo{margin: 45px 0;}
    .ci_tit{font-size: 4.5vw; margin-bottom: 14px;}
    .ci_logo .logo_box .item{height: auto; position: relative; padding: 50px 15px;}
    .ci_logo .logo_box .item .img img{max-height: 23px; max-width: 90px;}
    .ci_logo .logo_box .item .img{margin-top: 0;}
    .ci_logo .logo_box .item .txt{position: absolute; top: 10px; left: 10px; font-size: 12px;}
    .logo_down_btn li a{width: 160px; font-size: 12px; background-size: 11px; background-position: center right 20px; padding: 0 16px; }
    .ci_color{width: 480px; margin: auto;}
    .ci_color .color_box li{width: 100%;  margin: 0!important; display: block; height: auto; border-radius: 5px; padding: 20px;}
    .ci_color .color_box li.white_logo,
    .ci_color .color_box li.blue{margin-bottom: 15px !important;}
    .ci_color .color_box li .tit{left: 20px; font-size: 4vw;}
    .ci_color .color_box li .right table{font-size: 2.7vw}
    .ci_color .color_box li .right{padding-left: 60%;}
    .ci_color .color_box.align-c li img{max-height: 37px; margin-bottom: 15px;}
    .ci_color .color_box.align-c li>div{font-size: 2.7vw !important;}
    .ci_color:last-child{padding-bottom: 0;}
    .group_info{margin-top: 45px;}
    .group_info > li{padding: 45px 0;}
    .group_info > li .group_logo li {margin-bottom: 45px; width: 50%; }
    .group_info > li .group_logo .img{height: 25px;}
    .group_info > li .group_logo .img img{max-height: 25px; max-width: 90px;}
    .group_info > li .group_logo .text{padding-top: 6px; padding-left: 6px; margin-top: 5px; font-size: 15px; line-height: 1.5; }
    .group_info > li .title{font-size: 20px;margin-bottom: 14px;}
	
	.history_view_top { margin-top: 70px; }
	.history_view_top .title { font-size: 45px; }
	.history_view .num { font-size: 18px; }
	.history_view .tit { font-size: 25px; }
	.history_view .name { font-size: 25px; }

	/* 주주정보 */
	#chart_div { transform: scale(1.2); }
	
}

/* 모바일 가로 */
@media all and (max-width:568px) {
	
	/* 개요 */
	.ci_color{width: 300px;}
    .ci_color .color_box li .right{padding-left: 40%;}

	/* 기업문화 */
	.culture_title {font-size: 25px; margin-bottom: 35px;}
	.culture_box .item table td .box {font-size: 14px;height: 150px;}
	.culture_box .item table td.blue .box { height: 310px; }
	.culture_box .item table td .box .align-r { displaY: none; }
	.culture_slide .slick-arrow { width: 40px; height: 40px; background-size: 100% !important; }
	.welfare_list li .big_tit { font-size: 25px; margin-bottom: 30px; }

	/* 뉴스룸 */
	.news_list .item { width: 280px; }
	.board-view-tit .title {font-size: 20px;margin: 0 0 20px;}
	.board-view-tit .name { font-size: 14px; margin-bottom: 20px; }
	.board-view-tit .num {font-size: 14px;margin-bottom: 20px;}


}

@media all and (max-width:499px) {
	.service_inner .slide .s_item .s_img {height:310px !important; padding:0 130px;}
	.service_inner .slide .s_item.s_item_width .s_img {padding:0 30px;}
	.swiper-button-next, .swiper-button-prev {top:75% !important;}
}

@media all and (max-width:375px) {}

@media all and (max-width:320px) {}