@charset "utf-8";

/*layout*/
#wrap{font-size:1.6rem;}
#header .logo > a{display:block;width:25.4rem;height:2rem;background:url('../images/common/logo.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
#header .top_fixed.fixed{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:50;border-bottom: 1px solid #e1e4e6;}
#header .link_world{display:block;position:absolute;right:70px;top:50%;padding-right:18px;font-size:1.4rem;font-weight:500;color:#000;background:url("../images/common/btn_arrow.png") no-repeat 100% 2px;line-height:1;transform:translateY(-50%);}

.layer_sitemap{display:none;}

#footer{padding:4.5rem 0 5rem;background-color:#2a2f34;color:#ffffff;}
#footer .addr{margin-top:4rem;font-size:1.5rem;letter-spacing:0;line-height:1.6;opacity:0.5;}
#footer .copyright{font-size: 1.5rem;letter-spacing:0;line-height: 1.6;opacity: 0.5;}
#footer .logo_f{display:block;width:25.4rem;height:2rem;background:url('../images/common/logo_f.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
#footer .btns{position:absolute;right:0;top:0;display:flex;align-items:center;}
#footer .btns .logo_award{margin-right:20px;}
#footer .btns .family_site select{color:#000;background-color:#d4d5d6;background-image:url("../images/common/ico_family_select.png");}

.custom-select{position:relative;width: 18.5rem;}
.custom-select .select-btn{display:block;width:100%;height:4rem;padding:0 5rem 0 3rem;font-size:1.6rem;color:#000;border-radius:8px;background-color:#d4d5d6;background-image:url('../images/common/ico_family_select_on.png');background-repeat:no-repeat;background-position:calc(100% - 2rem) center;cursor: pointer;}
.custom-select .select-btn.on{background-image:url('../images/common/ico_family_select.png')}
.custom-select .select-options {display: none;position: absolute;bottom:calc(100% + 1px);left:0;width:100%;padding:20px 0;background:#fff;border: 1px solid #e4e4e4;border-radius:8px;z-index: 5;}
.select-options li a {display: block;padding:10px 30px;font-size:1.6rem;text-decoration: none;color: #000;}
.select-options li a:hover {color: #ed1c24;}

.visual_title_area{height:200px;padding-top:60px;background-image:url('../images/sub/img_sub_visual1.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;text-align:left;}
.visual_title_area h2{font-size:25px;color:#fff;font-weight:600;}
.visual_title_area p{margin-top:6px;font-size:12px;color:#fff;}
.visual_title_area.sub2{background-image:url('../images/sub/img_sub_visual2.jpg');}
.visual_title_area.sub3{background-image:url('../images/sub/img_sub_visual3.jpg');}

.btn_page_top{display:none;position:fixed;z-index:10;}

/*경로*/
.path_location{margin-top:-40px;height:40px;margin-bottom:7rem;line-height:40px;}
.path_location .inner_content{padding:0;}
.path_location .home{display:block;float:left;width:40px;height:100%;background:#ed1c24 url('../images/common/ico_home.png') no-repeat center;background-size:16px auto;text-indent:-9999em;overflow:hidden;}
.path_location .depth1{position:relative;display:block;float:left;width:calc(50% - 20px);height:100%;font-size:13px;}
.path_location .depth2{position:relative;display:block;float:left;width:calc(50% - 20px);height:100%;font-size:13px;}
.path_location li a{display:flex;width:100%;height:40px;align-items:center;padding-left:12px;border-bottom:1px solid #e1e4e6;line-height:1.2;word-break:keep-all;}
.path_location li a:hover{background-color:#ed1c24;color:#fff;}
.path_location .current{display:block;width:100%;height:100%;padding-left:10px;color:#fff;background-image:url('../images/common/ico_path_down.png');background-repeat:no-repeat;background-position:92% center;}
.path_location .menu{display:none;position:absolute;left:0;top:40px;width:100%;background-color:#fff;border-top:1px solid #e1e4e6;border-left:1px solid #e1e4e6;border-right:1px solid #e1e4e6;z-index:10;}
.path_location .depth2 .menu{left:-1px;width:calc(100% + 1px);}
.path_location .depth2 .current{color:#ed1c24;background:#fff url('../images/common/ico_path_down_red.png') no-repeat 92% center;}
.path_location .current.no_siblings{background:none !important;cursor:default;}

/*popup*/
.layers{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;}
.layers .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.layerPopup{display:none;position:absolute;left:50%;top:50%;background-color:#fff;z-index:1;border-radius:10px;overflow:hidden;}
.layerPopup .header{padding:14px 25px;background-color:#ed1c24;}
.layerPopup .header{}
.layerPopup .header h2{font-size:2.2rem;font-weight:600;color:#ffffff;text-align:left;}
.layerPopup .header .popX{top:2px;right:13px;}
.layerPopup .body{padding:30px 25px;background-color:#fff;}

/*팝업X 버튼*/
.popX{display:block;position:absolute;top:0px;right:0;width:56px;height:56px;text-indent:-9999em;overflow:hidden;}
.popX:before,
.popX:after{content:'';position:absolute;width:50%;height:2px;top:50%;left:5px;margin-top:-1px;margin-left:5px;background-color:#fff;border-radius:3px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
.popX.black:before, .popX.black:after{background-color:#000;}
.active .popX:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.active .popX:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

.btn_gnb_close{display:block;position:absolute;top:18px;right:25px;width:16px;height:16px;text-indent:-9999em;overflow:hidden;}
.btn_gnb_close:before,
.btn_gnb_close:after{content:'';position:absolute;width:100%;height:2px;top:50%;left:0;margin-top:-1px;background-color:#fff;border-radius:3px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
.popX.black:before, .popX.black:after{background-color:#000;}
.active .btn_gnb_close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.active .btn_gnb_close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

/*section*/
.divide_section{padding-bottom:12rem;}
.divide_section:nth-child(2n){padding-top:10rem;background-color:#f8f8f8;}
.divide_section .img{margin-top:9rem;text-align:center;}
.divide_section > .inner_content + .inner_content{margin-top:14.5rem;}
.divide_section > .inner_content.line_top{padding-top:11.5rem;margin-top:11.5rem;border-top:1px solid #e1e4e6;}
.divide_section >.inner_content.line_top .page_title{top:115px;}
.divide_section .line{width:100%;height:1px;background-color:#dbdee0;}
.divide_section .img_flex .tit{margin-top:1.5rem;font-size:1.6rem;color:#484848;text-align:center;}

/*title*/
.page_title{margin-bottom:25px;font-size:25px;color:#000000;font-weight:400;text-align:left;line-height:1.2}
.page_title > span{position:relative;}
.page_title > span:after{content:"";display:block;position:absolute;right:-8px;top:4px;width:6px;height:6px;background-color:#ed1c24;border-radius:2px;}
.page_title > span.down:after{top:auto;bottom:55px;}
.page_title .s_title{margin-top:1.2rem;font-size:1.7rem;font-weight:500;color:#ed1c24;}
.page_title_red{margin-bottom:3rem;color:#ed1c24;font-size:5rem;font-weight:400;}
.page_title_red .s_title{font-size:2rem;}
.title_wrap{padding-bottom:4rem;border-bottom:1px solid #dbdee0;}

/*text*/
.text1{font-size:1.7rem;color:#484848;line-height:1.6;word-break:keep-all;}
.text2{font-size:2rem;font-weight:500;color:#242424;word-break:keep-all;}
.text1 + .text1{margin-top:2rem;}
.title1{margin:4rem 0 1rem;font-size:2.3rem;font-weight:500;color:#e51e1f;line-height:1.4;}
.title2{margin-bottom:1rem;font-size:4rem;font-weight:400;color:#000;}
.title3{margin-bottom:3rem;font-size:2.5rem;font-weight:500;color:#000;line-height: 1.4;}

.text_wrap .num{font-size:2.5rem;font-weight:700;color:#0063d0;}
.text_wrap .tit{margin-top:1rem;font-size:3.5rem;color:#000;}

.fs-50{font-size:5rem;}
.fs-40{font-size:4rem;}
.fs-20{font-size:2rem;}
.fw-l{font-weight:300;}
.fw-m{font-weight:500;}
.fw-sb{font-weight:600;}
.fw-b{font-weight:700;}

.box_text{padding:2.5rem 3rem;font-size:1.7rem;color:#484848;background-color:#f8f8f8;line-height:1.57;text-align:justify;letter-spacing:0;}

.list_dot > li{padding-left:8px;text-indent:-8px;font-size:1.7rem;color:#484848;line-height:1.4;}
.list_dot > li + li{margin-top:0.5rem;}

/*color*/
.co_red{color:#e51e1f !important;}

/*button*/
.btn_area_c{margin-top:40px;text-align:center;}
.btn_area_c.line{padding-top:5rem;border-top:1px solid #e1e4e6;}
.btn_search{width:4.6rem;height:4.6rem;background:#0064d0 url("../images/common/ico_search.png") no-repeat center center;background-size:2rem auto;text-indent:-9999em;overflow:hidden;border-radius:8px;}

.btn{display:inline-block;vertical-align:middle;}
.btn.sizeL{min-width:150px;height:5rem;line-height:4.4rem;padding:0 4rem;font-size:1.6rem;}
.btn.red{background-color:#ed1c24;color:#fff;}
.btn.border{border:2px solid #0063d0;background-color:#fff;color:#0063d0;border-radius:50px;}

/*table*/
.tb_type{border-top:1px solid #000000;}
.tb_type tbody th{padding:2.2rem 0 2.2rem;font-size:2rem;font-weight:400;color:#222;background-color:#f9f9f9;text-align:left;border-bottom:1px solid #dddddd;}
.tb_type tbody td{padding:1.2rem 0 1.5rem;font-size:1.6rem;text-align:left;color:#666;border-bottom:1px solid #e1e4e6;word-break:break-all;}
.tb_type tbody td.board_tit{padding:2.5rem 0 2.5rem;font-size:2rem;color:#000;font-weight:600;}
.tb_type tbody td .ico_link{display:block;padding-left:6rem;background:url("../images/sub/ico_link.png") no-repeat 1.6rem center;background-size:2rem auto;line-height:1.4;}
.tb_type tbody td .ico_download{display: block;padding-left:6rem;background:url("../images/sub/ico_download.png") no-repeat 1.6rem center;background-size:2rem auto;line-height:1.4;}
/* .tb_type tbody td .content{padding:5rem 0;line-height:1.6;text-align:center;} */
/* .tb_type tbody td .content img{width:100%;} */
.tb_type tbody tr:last-child td{border-bottom:1px solid #000;}

.tb_type_row{border-top:1px solid #000000;}
.tb_type_row tbody th{padding:2rem 0 2rem 2rem;font-size:1.7rem;font-weight:400;color:#ed1c24;text-align:left;border-bottom:1px solid #e1e4e6;line-height: 1.2;}
.tb_type_row tbody td{padding: 2rem 0 2rem 2rem;font-size:1.7rem;text-align:left;color:#484848;border-bottom:1px solid #e1e4e6;word-break:break-all;line-height:1.2;}

/*pagination*/
.paging_area{margin-top:5rem;padding-top:8rem;border-top:1px solid #000;text-align:center;}
.paging_area a{display:inline-block;}
.paging_area a img{width:2rem;}
.paging_area .num{margin:0 2rem;vertical-align:middle;}
.paging_area .num a{margin: 0 0.4rem;width:3.6rem;height:3.6rem;line-height:3.2rem;font-size:1.6rem;text-align:center;border-radius:50%;border:1px solid #e1e4e6;}
.paging_area .num a.on{background-color:#0064d0;border:1px solid #0064d0;color:#fff;}

/*국내법인소개*/
.search_area{display:flex;gap:0.7rem;margin-top:6rem;align-items:center;justify-content:center;}
.search_area input{min-width:35rem;}

.news_list{margin-top:4rem;}
.news_list .detail .tit{display:block;width:100%;margin-top:2rem;font-size:2rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list .detail .cont{margin-top:2rem;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_list .detail .date{margin-top:1.5rem;font-size:1.6rem;color:#777777;}
.news_list .img{width:33rem;height:23rem;border-radius:15px;overflow:hidden;}
.news_list .img img{width:100%;height:100%;object-fit:cover;}
.news_list.top{padding:5rem 0;border-top:1px solid #000;border-bottom:1px solid #000;}
.news_list.top .detail .tit{margin-top:0;}
.news_list.top .detail .cont{-webkit-line-clamp:5;}
.news_list.top .detail .date{margin-top:2.5rem;}

.about_social{width:100%;background-image:url("../images/sub/img_social1.png");background-repeat:no-repeat;background-position:center center;}
.about_social .tit{color:#fff;font-size:3.8rem;}
.about_social .text1{position:relative;display:inline-block;color:#fff;}
.about_social .text1:before{content:"";display:block;position:absolute;left:0;top:-3rem;width:3rem;height:0.3rem;background-color:#fff;}

/*지속가능경영*/
.about_csr{margin-top:3.5rem;width:100%;background-image:url("../images/sub/img_csr1.png");background-repeat:no-repeat;background-position:center center;}
.about_csr .text1{position:relative;display:inline-block;color:#fff;}
.about_csr .text1:before{content:"";display:block;position:absolute;left:0;top:-3rem;width:3rem;height:0.3rem;background-color:#fff;}
.about_slogan{margin-top:10rem;}
.about_slogan .txt1{font-size:2rem;font-weight:500;}
.about_slogan .txt2{font-size:5rem;font-weight:300;line-height:1.4;color:#000;}
.about_slogan .about_slogan_detail{margin-top:5.5rem;padding-top:5.5rem;background:url("../images/sub/img_slogan.png") no-repeat center 0;background-size:100% auto;text-align: center;}
.about_slogan .about_slogan_detail .circle{margin:0 auto;padding-top:11rem;width:18.2rem;height:18.2rem;background-color:#e51e1f;border-radius:50%;font-size:1.7rem;font-weight:300;color:#fff;background-repeat:no-repeat;background-position:center 2.8rem;background-size:7rem auto;line-height:1.2;}
.about_slogan .about_slogan_detail .circle.ico1{background-image:url("../images/sub/ico_slogan1.png");}
.about_slogan .about_slogan_detail .circle.ico2{background-image:url("../images/sub/ico_slogan2.png");}
.about_slogan .about_slogan_detail .circle.ico3{background-image:url("../images/sub/ico_slogan3.png");}
.about_slogan .about_slogan_detail .txt{margin-top:3rem;font-size:1.7rem;line-height:1.4;}
.info_evironment.divide_section{text-align:center;}
.info_evironment .txt{font-size:4rem;font-weight:300;line-height:1.5;}

/*도시바그룹소개*/
.about_talent{margin-top:7rem;}
.about_talent > li{border:1px solid #e1e4e6;border-radius:2rem;background-repeat:no-repeat;background-size:9.2rem auto;background-position:center 0;text-align:center;}
.about_talent > li .txt{font-size:1.7rem;line-height:1.5;}
.about_talent > li.ico1{background-image:url("../images/sub/ico_talent1.png");}
.about_talent > li.ico2{background-image:url("../images/sub/ico_talent2.png");}
.about_talent > li.ico3{background-image:url("../images/sub/ico_talent3.png");}
.about_talent > li.ico4{background-image:url("../images/sub/ico_talent4.png");}
.about_talent > li.ico5{background-image:url("../images/sub/ico_talent5.png");}
.talent_section{background:url("../images/sub/img_slogan.png") no-repeat center 100%;background-size:100% auto;}
	
.list_values li{position:relative;padding:3.5rem 4rem;border-radius:20px;background-color:#fff;box-shadow:5px 0 10px rgba(0,0,0,0.05);}
.list_values li .num{position:absolute;right:2rem;top:2rem;color:#bebebe;font-size:1.8rem;font-weight:700;}

.map{width:100%;height:48rem;}

/*400 이하 해상도 대응*/
@media screen and (max-width:400px) {
	.all_product_list li{margin-left:0;}
}

/*960 이하 해상도 대응*/
@media screen and (max-width:960px) {
	img{width:100%;}

	.pc{display:none !important;}
	.mb{display:block !important;}
	colgroup.mb{display:table-column-group !important;}
	#wrap{position:relative;min-width:320px;margin:0 auto;font-size:13px;}
	#header{position:relative;}
	#header .logo{text-align:center;}
	#header .logo > a{background:url('../images/common/logo_m.png') no-repeat 0 0;background-size:auto 100%;}
	#header .btn_gnb{display:block;position:absolute;right:20px;top:18px;width:15px;height:15px;background:url('../images/common/btn_gnb.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
	#header .fixed_gap{height:50px;}
	#header .fixed_gap .top_fixed{padding-top: 2.7rem;height:50px;}
	#header .world{display:none;}
	#header .gnb{display:none;}
	#header .link_world{display:block;position:absolute;right:50px;top:50%;padding-right:14px;font-size:11px;font-weight:500;color:#000;background:url("../images/common/btn_arrow.png") no-repeat 100% center;background-size:6px auto;line-height:1;transform:translateY(-50%);}

	#sideMenuWrap .tit{padding:18px 32px;background-color:#ed1c24;font-size:17px;font-weight:500;color:#fff;}
	#sideMenuWrap .tit > a{display:inline-block;width:97px;height:27px;background:url('../images/common/logo_white.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
	#sideMenuWrap .side_bg{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100;}
	#sideMenuWrap .side_menu{position:fixed;left:0;top:0;width:100%;height:100%;min-height:100%;background-color:#fff;-webkit-transform:translate3d(101%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(101%,0,0);transform:translate3d(101%, 0, 0);-webkit-transition:-webkit-transform 700ms;-webkit-transition-duration:700ms;-moz-transition:-moz-transform 700ms ease;transition:transform 700ms ease;overflow-y:auto;z-index:101;}
	#sideMenuWrap .menu > ul > li > a{position:relative;display:block;padding:20px 30px;font-size:14px;font-weight:500;color:#000;border-bottom:1px solid #eaeaea;}
	#sideMenuWrap .menu > ul > li > a:after{content:"";position:absolute;right:30px;top:22px;display:block;width:15px;height:10px;background-image:url('../images/common/ico_path_down.png');background-repeat:no-repeat;background-position:center center;background-size:10px auto;transition-duration:0.5s;filter:brightness(0.6);}
	#sideMenuWrap .menu > ul > li > a > span{display:inline-block;position:relative;}
	#sideMenuWrap .menu > ul > li.on > a > span:after{content:"";display:block;position:absolute;right:-8px;top:-3px;width:4px;height:4px;background-color:#ed1c24;border-radius:3px;}
	#sideMenuWrap .menu > ul > li.on > a{color:#ed1c24;}
	#sideMenuWrap .menu > ul > li.on > a:after{transform:rotate(180deg);background-image:url("../images/common/ico_path_down_red.png");filter: brightness(1);}
	#sideMenuWrap .depth2{display:none;padding:10px 35px;;border-bottom:1px solid #eaeaea;}
	#sideMenuWrap .depth2 li > a{display:inline-block;position:relative;padding:7px 10px;font-size:13px;color:#666666;}
	#sideMenuWrap .depth2 li.on a,
	#sideMenuWrap .depth2 li a:hover{color:#fff;background-color:#ed1c24;border-radius:5px;}
	#sideMenuWrap .depth2 li + li {margin-top:10px;}
	#sideMenuWrap.active .side_menu{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0, 0);}
	#sideMenuWrap.active .side_bg{display:block;}

	#container{padding-bottom:75px;}

	#footer{padding:20px 0 25px;}
	#footer .inner_content{position:relative;}
	#footer .logo_f{width:100px;height:14px;background:url("../images/common/logo_f_m.png") no-repeat 0 0;background-size:100% auto;}
	#footer .addr{margin-top:20px;}
	#footer .btns{right:20px;top:-6px;}
	#footer .btns .logo_award{width:80px;margin-right:10px;}
	#footer .addr,
	#footer .copyright{font-size:10px;}
	.custom-select{width: 110px;}
	.custom-select .select-btn{height:22px;padding:0 10px;font-size:11px;border-radius:5px;background-size:8px auto;text-align:left;line-height: 21px;}
	.custom-select .select-options{padding:10px 0;border-radius:5px;}
	.custom-select .select-options li a{padding:5px 8px;font-size:11px;}

	.btn_page_top{right:20px;bottom:20px;width:5rem;height:5rem;}

	/*경로*/
	.path_location .current{background-size:10px auto;background-color:rgba(0,0,0,0.4);}
	.path_location .depth2 .current{display:flex;align-items:center;padding-right:30px;height:40px;line-height:1.2;background-size:10px auto;}

	.inner_content{padding-left:20px;padding-right:20px;}
	.divide_section{padding-bottom:50px;}
	.divide_section:nth-child(2n){padding-top:50px;}
	.divide_section > .inner_content + .inner_content{margin-top:50px;}
	.divide_section .img{margin-top:4rem;}
	.divide_section:last-child{padding-bottom:75px;}
	.divide_section > .inner_content.line_top{padding-top:50px;margin-top:50px;}
	.divide_section .img_wrap + .img_wrap{margin-top:20px;}

	/*title*/
	.page_title > span.down:after{top:auto;bottom:25px;}
	.page_title_red{font-size:25px;} 
	.page_title_red .s_title{font-size:13px;}
	.title2{font-size:20px;}
	.text_wrap .tit{font-size:18px;}

	/*pagination*/
	.paging_area .mb{display:inline-block !important}

	/*국내법인소개*/
	.search_area .select{min-width:inherit;width:30%;max-width:120px;}
	.search_area input{min-width:inherit;width:calc(70% - 4.5rem);max-width:250px;}

	.corp_cont .img_wrap{margin-top:15px;}

	.news_list.top .cell{display:flex;width:100%;gap:16px;align-items:start;}
	.news_list.top .cell + .cell{margin-top:15px;}
	.news_list.top .img_wrap{width: calc(50% - 8px);}
	.news_list.top .detail{width: calc(50% - 8px);}
	.news_list.top .detail .cont{-webkit-line-clamp:3;}

	.news_list{display:flex;gap:16px;flex-wrap:wrap;}
	.news_list li{width:calc(50% - 8px);} 
	.news_list .img{position:relative;width:100%;height:0;padding-bottom:70%;}
	.news_list .img img{position:absolute;left:0;top:0;}
	.about_social{padding:4rem;border-radius:15px;}
	.about_social .tit{font-size:18px;}
	.about_social .text1{margin-top:50px;max-width:clamp(200px, 53vw, 320px);}
	.about_social .text1:before{width:2.5rem;top:-2rem;}
	

	/*지속가능경영*/
	.about_csr{position:relative;padding-top: 12rem;background-size:cover;border-radius:10px;overflow:hidden;}
	.about_csr .text1{width:100%;padding:7rem 3rem 4rem 4rem;background-color:#0c2128;}
	.about_csr .text1:before{content:"";display:block;position:absolute;left: 4rem;top: 5rem;width:2.5rem;height:0.3rem;background-color:#fff;}
	.csr_info .page_title{text-align:center;}
	.csr_info .img{margin-top:5rem;}
	.about_slogan .about_slogan_detail li + li{margin-top:5rem;}
	.about_slogan .txt2{font-size:25px;}
	.info_evironment .txt{font-size:20px;word-break:keep-all;}
	.info_evironment .txt br{display:none;}
	
	/*도시바그룹소개*/
	.about_company .both_info .tb_type_row th{width:110px;}
	.about_company .both_info .tb_type_row td{width:calc(100% - 110px);height:50px;padding:0 0 0 2rem;}
	.about_talent{margin-top: 4rem;}
	.about_talent > li{display:flex;height:85px;align-items:center;padding-left:85px;background-position:20px center;text-align:left;background-size:45px auto;background-color:#fff;}
	.about_talent > li + li{margin-top:15px;}
	.ideology_section .img{margin-top:20px;}
	.ideology_section .img img{max-width:400px;}
	.list_values li + li{margin-top:10px;}
	.business_section .img_flex{display:flex;gap:5px;justify-content:space-between;}
	.business_section .img_flex .img_wrap{margin-top:0;}
}

/*960 이상 해상도 대응*/
@media screen and (min-width:960px) {
	.mb{display:none !important;}
	.pc{display:block !important;}
	colgroup.pc{display:table-column-group !important;}
	#wrap{min-width:1400px;padding-top:75px;}
	#header{position:fixed;left:0;top:0;width:100%;height:75px;background-color:#fff;transition:height .3s;z-index:50;overflow: hidden;}
	#header .fixed_gap{height:100%;}
	#header .inner_content{width:100%;max-width:1660px;margin:0 auto;}
	#header .top_fixed{position:relative;z-index: 50;}
	#header .top_fixed.fixed{position:fixed;left:0;top:0;width:100%;background-color:#fff;}
	#header .logo{position:absolute;left:0;top:28px;z-index:51;}
	#header .logo > a{width:254px;height:20px;}
	#header .btn_gnb{display:block;position:absolute;right:0;top:28px;width:20px;height:20px;background:url("../images/common/btn_gnb_pc.png") no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
	#header .gnb{display:inline-block;margin-left:495px;}
	#header .gnb > ul > li{position:relative;display:inline-block;margin-left:170px;vertical-align:top;z-index:101;}
	#header .gnb > ul > li:first-child{margin-left:0;}
	#header .gnb > ul > li > a{position:relative;display:block;padding:30px 0 28px;color:#000;font-size:17px;font-weight:500;line-height:1;}
	#header .gnb > ul > li .depth2{display:none;position:absolute;left:50%;top:75px;padding-top:20px;text-align:center;transform:translateX(-50%);overflow: hidden;}
	#header .gnb > ul > li .depth2 li{margin-bottom:4px;white-space:nowrap;}
	#header .gnb > ul > li .depth2 li a{position:relative;display:inline-block;padding:8px 14px 10px;color:#757575;font-size:16px;font-weight:400;line-height:1;}
	#header .gnb > ul > li .depth2 li > a:before{content:"";display:block;position:absolute;left:50%;top:0;width:0;height:100%;background-color: #ed1c24;border-radius:8px;transform:translateX(-50%);transition: all 0.3s;opacity:0;z-index: -1;}
	#header .gnb > ul > li .depth2 li > a:hover{color:#fff;}
	#header .gnb > ul > li .depth2 li > a:hover:before{width:100%;opacity:1;}
	#header .gnb > ul > li > a:hover,
	#header .gnb > ul > li.on > a{color:#ed1c24 !important;}
	#header .gnb > ul > li.on > a:after,
	#header .gnb > ul > li > a:hover:after{content:"";display:block;width:100%;width:5px;height:5px;position:absolute;right:-10px;top:26px;background-color:#ed1c24;border-radius: 50%;}

	#header.gnb_open{height:295px;border-bottom:1px solid #e1e4e6;}
	#header.gnb_open .top_fixed{border-bottom: 1px solid #e1e4e6;}
	#header.gnb_open .depth2{height:0;display:block !important;animation:showDepth2 0.3s forwards 1;}
	@keyframes showDepth2 {
		0% {
			height:0;
		}

		100% {
			height:220px;
		}
	}
	/* #header.gnb_open:after{content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:48;} */

	#sideMenuWrap{display:none;}

	#container{padding-bottom:170px;}

	#content{width:1200px;margin:0 auto;}

	.inner_content{position:relative;width:1400px;margin:0 auto;}

	#footer{min-width:1400px;}
	#footer .btns .family_site select{height:4rem;padding:0 4rem 0 3rem;}

	.btn_page_top{right:84px;bottom:110px;}

	/*sitemap*/
	.layer_sitemap{position:fixed;left:0;top:0;width:100%;height:905px;background-color: #fff;border-bottom:1px solid #ebebeb;z-index:100;}
	.layer_sitemap .logo > a{display:block;width:25.4rem;height:2rem;background:url('../images/common/logo.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999em;overflow:hidden;}
	.layer_sitemap .inner{width:100%;max-width:1585px;height:100%;margin:0 auto;border-left:1px solid #ebebeb;;border-right:1px solid #ebebeb;}
	.layer_sitemap .sitemap_menu {height:100%;}
	.layer_sitemap .sitemap_menu > ul{display: flex;height:100%;align-items:start;}
	.layer_sitemap .sitemap_menu > ul > li{flex:1;height:100%;padding:105px 50px 60px;border-left:1px solid #ebebeb;}
	.layer_sitemap .sitemap_menu > ul > li.menu:hover{background-color:#f9f9f9;}
	.layer_sitemap .sitemap_menu > ul > li .dep_tit{font-size:25px;font-weight:700;color:#000;}
	.layer_sitemap .sitemap_menu > ul > li .depth2{margin-top:70px;}
	.layer_sitemap .sitemap_menu > ul > li .depth2 li{margin-top:30px;}
	.layer_sitemap .sitemap_menu > ul > li .depth2 a{font-size:18px;;color:#757575;}
	.layer_sitemap .sitemap_menu > ul > li a:hover{color:#ed1c24;text-decoration:underline;}
	.layer_sitemap .sitemap_menu > ul > li img{display:block;margin-top:15px;max-width:100%;}
	.layer_sitemap .btn_sitemap_close{display:block;position:absolute;right:50px;top:40px;width:30px;height:30px;background:url("../images/common/btn_x_red.png");text-indent:-9999em;overflow:hidden;z-index:6;text-indent:-9999em;overflow:hidden;}

	/*경로*/
	.path_location{position:relative;margin-bottom:110px;margin-top:-55px;height:55px;line-height:55px;}
	.path_location .inner_content:after{content:"";display:block;position:absolute;left:0;top:0;width:calc(100vw - calc((100vw - 1383px)/2));min-width:1400px;height:55px;background-color:rgba(0,0,0,0.4);}
	.path_location .home{position:relative;z-index:1;width:55px;height:100%;background-color:#ed1c24;background-size:18px auto;}
	.path_location .depth1{position:relative;z-index:1;width:250px;height:100%;font-size:16px;}
	.path_location .depth2{position:relative;z-index:1;width:350px;height:100%;font-size: 16px;}
	.path_location li a,
	.path_location .current{padding-left:35px;}
	.path_location li,
	.path_location li a{height:55px;}
	.path_location .menu{top:55px;}
	.path_location.sub2 .depth2{width:250px;}
	.path_location.sub3 .depth2{width:250px;}

	/*section*/
	.divide_section{min-width:1400px;}
	.divide_section > .inner_content{position:relative;padding-left:430px;}
	.divide_section .page_title{position:absolute;left:0;top:0;}
	.divide_section > .inner_content.full{padding-left:0;}
	.divide_section:last-child{padding-bottom:170px;}
	.divide_section .img_flex{display:flex;gap:10px;justify-content: space-between;}
	.cont_flex{display:flex;align-items:center;justify-content:space-between;gap:30px;}
	.cont_between:after{content:"";display:block;clear:both;}
	.cont_between .fl{float:left;}
	.cont_between .fr{float:right;}

	/*title*/
	.page_title{margin-bottom:50px;font-size:50px;}
	.page_title > span:after{width:9px;height:9px;right:-14px;top:8px;border-radius:3px;}

	/*button*/
	.btn_area_both{margin-top:80px;}
	.btn_area_both .btn{display:inline-block;float:none;width:auto;min-width:240px;}

	/*table*/
	.tb_type tbody td .content{padding-left:30rem;padding-right:30rem;}

	/*pagination*/
	.paging_area .pc{display:inline-block !important}
	.paging_area .num a{font-size:17px;}

	/*sub*/
	.visual_title_area{min-width:1400px;height:400px;padding-top:135px;}
	.visual_title_area h2{font-size:50px;}
	.visual_title_area p{margin-top:18px;font-size: 16px;}

	/*국내법인소개*/
	.corp_cont .text_wrap{margin-top:40px;width:400px;}
	.narrow{letter-spacing:-0.03em;}
	.news_list{display:flex;gap:30px;flex-wrap:wrap;}
	.news_list li{width:calc(25% - 24px);} 
	.news_list.top{display:flex;justify-content:space-between;gap:40px;align-items:center;}
	.news_list.top .cell{display:flex;gap:30px;align-items:start;}
	.news_list.top .detail{width:320px;}
	.map_area{height:480px;margin-top:35px;}
	.about_social{height:445px;padding-top: 70px;padding-left:60px;}
	.about_social .text1{width:435px;margin-top:110px;font-weight:300;}

	/*지속가능경영*/
	.about_csr{height:47rem;padding-top: 28.5rem;padding-left:6.5rem;}
	.info_evironment.divide_section{margin-top:5rem;padding:14.5rem 0 13rem;}
	.about_slogan .about_slogan_detail{display:flex;align-items:start;}
	.about_slogan .about_slogan_detail > li{flex:1;}
	.info_evironment .img{margin-top:9.5rem;}

	/*도시바그룹소개*/
	.about_company .both_info{position:relative;}
	.about_company .both_info .tb_type_row th{width:170px;padding-top:2.5rem;padding-bottom:2.5rem;}
	.about_company .both_info .img{position:absolute;right:0;top:30px;width:330px;margin-top:0;z-index:1;}
	.about_company .both_info .img img{width:100%;}
	.about_talent{display:flex;flex-wrap:wrap;gap:28px;}
	.about_talent > li{width:calc(914px/3);padding:225px 0 47px;background-position:center 8rem;background-color:#fff;}
	.about_talent > li:nth-child(3) ~ li{width:calc(942px/2);padding:85px 0 85px 190px;background-position:50px center;text-align:left;}
	.talent_section{background-size:1400px auto;}
	.list_values > ul{display:flex;row-gap:20px;column-gap:30px;flex-wrap:wrap;align-content:space-between;}
	.list_values > ul > li{width:calc(50% - 15px);}
	.ideology_section{padding-bottom:7.5rem;}
	.ideology_section .img{margin-top:0;}
	.ideology_section .fl{width:570px;}
	.ideology_section .fr{width:400px;}
}

@media screen and (max-width:1600px){
	.layer_sitemap .sitemap_menu .title{display:none;}
	.layer_sitemap .sitemap_menu > ul > li{width:33.333%;padding-left:3%;padding-right:3%;}
	.layer_sitemap .sitemap_menu > ul > li .depth2 a{font-size:16px;}
}

/*960이상 1400이하 해상도 대응*/
@media screen and (min-width:960px) and (max-width:1400px) {
	#header .gnb{margin-left:25vw;}
	#header .gnb > ul > li{margin-left:10vw;}
	#header .logo > a{width:190px;background:url('../images/common/logo_m.png') no-repeat 0 0;background-size:contain;}
	#header .link_world{right:4vw;}
}

/*480이상 해상도 대응*/
@media screen and (min-width:480px) and (max-width:960px){

	/*도시바그룹소개*/
	.about_company .both_info .tb_type_row th{width:150px;}
	.tb_type_row br.mb{display:none !important;}
	.about_talent{display:flex;flex-wrap:wrap;gap:16px;}
	.about_talent > li{width:calc(50% - 8px);height:auto;padding:80px 0 25px;margin:0 !important;background-position:center 20px;text-align: center;}
	.about_talent > li .txt{width:100%;}
	.about_talent > li.ico5{width:100%;padding:40px 0 40px 120px;background-position:50px center;text-align:left;}
}