@charset "utf-8";



@media all and (max-width:1600px){ 
    .line-link > div .txtwrap { padding-left:5%;}
    .line-imgbox > div { overflow:hidden; width:100%;}
    .line-imgbox > div img { position:relative; left:50%; max-width:none;
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        -o-transform:translateX(-50%);
        transform:translateX(-50%);
    }	

    .vision .vision-tit h2 span { font-size:5.2rem;}
    .vision .vision-pin .pin-tit h3 { font-size:3.5rem;}
    .vision .vision-pin .pin-tit p { font-size:1.9rem;}
    .vision .vision-slide .slide-txt-list .txt .con p { font-size:3.5rem;} 

    .ir.stock .over-x { overflow-x:scroll; position:relative; padding-bottom:10px;}
    .ir.stock .over-x .stockbox { min-width:850px;}
    .ir.stock .over-x .ico-touch { display:block; position:absolute; top:50%; right:10px; margin-top:-60px; width:120px; border-radius:50%; overflow:hidden; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);  opacity:.6}
}

@media all and (max-width: 1560px){
	
	.pc-br { display:none;}

}
@media all and (max-width: 1520px){
	
	.halfbox-new > div {display:flex; flex-wrap:wrap; flex-basis:100%;}
	.halfbox-new .pic-wrap {flex:1 1 50%;}
	.halfbox.halfbox-new {gap:30px;}
	.halfbox.halfbox-new .tit {flex:0 0 25%; text-align:center;}
}
@media screen and (max-width:1355px){
	.ir.stock .stockinfo_iframe {height:2000px;}
} 
@media all and (max-width: 1440px){ 
    .sub-depth-nav li a { padding:0 2em !important;}
    .sub-sm-tit h3 .pc-br { display:none;}

    .flexbox li { padding:1.5em;}   

    .step-st03 li { margin-top:5%; margin-left:5%; padding-bottom:20%; width:20%;} 

   

}

@media screen and (max-width:1080px){
	.ir.stock .halfbox .right{margin-top:-30px;} 
	.ir.stock .stockinfo_iframe {height:1950px;}
}



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

    .sub-tit { font-size:5rem;}
    .sub-sm-tit { padding:9em 0;}
    .sub-sm-tit h3 { font-size:2.4rem;}
    .sub-con { padding-bottom:14em;}
	.sub-con.ir-board{padding-bottom:0;}

    .normal-tit { font-size:2.4rem; }
    .normal-txt { }
    .cont-tit { font-size:3.4rem; }
	
    .line-link { padding-top:14em;}
    .line-link > div .txtwrap .sm-link li { margin-left:10px; padding-left:10px;}
    .space { padding-top:9em;}

	.pg_wrap .pg a{width:2em; height:2em; line-height:2em;}
 

    .breadcrumb { bottom:2em;}
    .scroll-down2 { width:1px; height:30px; bottom:0em;}

    .halfbox { flex-wrap:wrap; }
    .halfbox .left { padding:0 !important; margin-bottom:3em; width:100% !important;}
    .halfbox .right { width:100% !important;}
    .halfbox .left .tit { font-size:3rem;}
    .halfbox .left .tit span { font-size:2.1rem;}
    
    .halfbox.halfbox-new > div {margin-bottom:0 !important;}
    .halfbox.halfbox-new .tit {font-size:3rem;}

    .halfbox2 { padding:9em 0 0;}
    .halfbox2 .left { padding:0; width:100%;}
    .halfbox2 .left .tit { font-size:3rem;}

    .summary { font-size:1.5rem;}

    .infobox { padding:3em 2em;}

    .tabarea .tab-tit { padding:9em 0;}
	.tabarea .tab-tit h4 { font-size:3.4rem;}

    .tab-nav { display:flex; padding:9em 0 0;}
    .tab-nav li { flex:1; display:block;}
    .tab-nav li a,
    .tab-nav li button { padding:0.833em ; min-width:auto; width:100%; height:100%; font-size:1.7rem; line-height:1.3em;}

    .list-st02 li:after { top:12px;}

    .step-st01 { overflow:hidden; flex-wrap:wrap; justify-content:center; padding:0 0.5em; margin-top:2em;}
    .step-st01 > li { padding-bottom:33.3333%; width:33.3333%;}

    .step-st03 li { margin-top:3%; margin-left:3%; padding-bottom:22%; width:22%;} 
    .step-st03 li > div img { 
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
        transform:scale(0.8);
        -webkit-transform-origin:center bottom;
        -moz-transform-origin:center bottom;
        -ms-transform-origin:center bottom;
        -o-transform-origin:center bottom;
        transform-origin:center bottom;
    }

 

 

    #footer .ft-btm .ft-country h2 { width:70px;}
    #footer .ft-btm .ft-country ul { width:calc(100% - 70px);}

    .search-results .search-box { padding:5em 3em; margin-top:9em;}
    .search-results .search-box form { flex-wrap:wrap;}
    .search-results .search-box form fieldset { width:100%;}
    .search-results .search-box form .search-keyword { margin-top:5em;width:100%;}

}


@media all and (max-width:767px){
    .pc-only { display:none !important;}
    .mobile-only { display:block !important; width:100%; text-align: center;}
    .mobile-only img {width:100%;}
    .sub-btnwrap a {  display:block !important; max-width:400px;  margin:5px auto !important; padding: 15px 50px 15px 15px; width:100%; }
	.btn-video i{right:12px;}
	.btn-download i{right:15px;}
	.btn-link i{right:15px;}
    .sub .sub-con .btn-video,
    .sub .sub-con .btn-download,
    .sub .sub-con .btn-link {min-width:auto !important;  /*  max-width:none !important;  width:100%; */ margin:0.3em 0;  font-size:1.7rem; width:100%;}
    .sub .sub-con .btn-video.small, 
    .sub .sub-con .btn-download.small, 
    .sub .sub-con .btn-link.small { margin:0; width:43px;}
    .pop-wrap .report-list li .btn-download.small {  width:35px;}


	.nuclear .map{min-width:768px;}
 

    .sub-tit { font-size:4rem;}
    .step-st03 li p { font-size:1.6rem;}
    .sub-sm-tit { padding:7em 0;}
 
    .normal-tit { font-size:2.2rem;}

    .sub-visual { min-height:48em; height:auto;}
    .sub-visual.small { min-height:auto; height:30em;}
	.sub-visual.bg-greeting:after { background-image: url(/images/sub/common/sub-visual-greeting-mb.jpg);}
	.sub-visual.bg-wind-energy:after { background-image: url(/images/sub/common/sub-visual-wind-energy-mb.jpg);}
	.sub-visual.bg-gas-turbine:after { background-image: url(/images/sub/common/sub-visual-gas-turbine-mb.jpg);}
	.sub-visual.bg-ess-sunlight:after { background-image: url(/images/sub/common/sub-visual-ess-sunlight-mb.jpg);}
	.sub-visual.bg-nuclear:after { background-image: url(/images/sub/common/sub-visual-nuclear-mb.jpg);}
	.sub-visual.bg-fire-power:after { background-image: url(/images/sub/common/sub-visual-fire-power-mb.jpg);}
	.sub-visual.bg-combined:after { background-image: url(/images/sub/common/sub-visual-combined-mb.jpg);}
	.sub-visual.bg-water-power:after { background-image: url(/images/sub/common/sub-visual-water-power-mb.jpg);}
	.sub-visual.bg-plant-epc:after { background-image: url(/images/sub/common/sub-visual-plant-epc-mb.jpg);}
	.sub-visual.bg-gasting-forging:after { background-image: url(/images/sub/common/sub-visual-gasting-forging-mb.jpg);}
	.sub-visual.bg-innovation:after{background-position: center right;}
	.sub-visual.bg-quality:after{background-position: left 10% center;}

    .space { padding-top:7em;}
    .mb-br { display:block;}

    .cont-tit { font-size:3rem;}

	
    .tab-nav { padding:7em 0 0;}

    .halfbox .left .tit { font-size:2.5rem;}
    .halfbox .left .tit span { font-size:1.9rem;}

    .halfbox2 { padding:7em 0 0;}
    .halfbox2 .left .tit { font-size:2.5rem;}
    
    .flexbox { flex-wrap:wrap; margin-top:-2%;}
    .flexbox li { margin-top:2%; width:31.3333%; min-height:11em;}
    
    .line-imgbox > div { overflow:hidden; width:100%;}
    .line-imgbox > div img { max-height:250px;}
    .line-link > div .txtwrap h3 { padding-top:1.8em; margin-bottom:0.667em; font-size:3rem;}
    .line-link > div .txtwrap .big-link { padding-top:5.4em;}
    .line-link > div .txtwrap .big-link .link-txt { font-size:3rem;}
    .line-link > div .txtwrap .big-link li { display:block; width:auto;}
 

  
    .employment .listbox { padding:7em 0 0;}
    .employment .listbox .tit { font-size:3rem;}
    .employment .halfbox { padding-top:7em;}
    .employment .halfbox .left { margin-bottom:2em;}
    .employment .halfbox .left .tit { font-size:2.3rem !important;}
    .employment .halfbox .right li p { font-size:1.7rem;}
    .employment .halfbox .right li span { margin-top:1.4em;}
    .employment .halfbox .right ul { margin-top:2em;}
    
    .employment .line-imgbox .txt { top:6em;}
    .employment .line-imgbox .txt h3 { font-size:3rem;}
    .employment .listbox .list { border:none;}
    .employment .listbox .list ul { flex-wrap:wrap; padding:0;}
    .employment .listbox .list ul:after,
    .employment .listbox .list ul:before { display:none;}
    .employment .listbox .list li { position:relative; margin:0 0 25px !important; padding:0 !important; width:100% !important; height:auto !important; border-radius:20px !important;}
    .employment .listbox .list li:after { content:""; position:absolute; left:50%; top:100%; z-index:10; margin-left:7.5px; width:15px; height: 15px; border-bottom: 3px solid #dcdcdc; border-right: 3px solid #dcdcdc;
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-o-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;	
    }
    .employment .listbox .list li:last-child { margin:0 !important;}
    .employment .listbox .list li:last-child:after { display:none !important;}
    .employment .listbox .list li.arrow-btn { display:none !important;}
    .employment .listbox .list li > div { position:relative; position:static !important; padding:20px 0;}
    .employment .listbox .list li p { min-height:auto !important;}
    .employment .sec02 .listbox .list li:first-child > div { margin:0 !important;}

    .welfare .tit h4 { font-size:2.2rem;}
    .welfare .list { padding:5em 0 0;}
    .welfare .list .item { padding:0 0 3em; width:100%;}
    .welfare .list .item h4 { margin-bottom:1em; font-size:2rem;}
    .welfare .list .item .number { font-size:2.7rem;;}

 

    .over-x { overflow-x:scroll; position:relative; padding-bottom:10px;}
    .over-x table { min-width:850px;}
    .over-x table th { padding:10px 5px !important; font-size:1.8rem !important;}
    .over-x table td { padding:7px 5px !important; font-size:1.7rem !important;}
    .over-x .ico-touch { display:block; position:absolute; top:100px; right:10px; width:60px !important; border-radius:50%; overflow:hidden; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);  opacity:.8; z-index:2;}
    .over-x .tbstyle02 { margin-top:0 !important;}
    .over-x li { font-size:1.7rem !important;}
    .over-x p { font-size:1.7rem !important;}

    .over-x-1080 table th { padding:10px 5px !important; font-size:1.8rem !important;}
    .over-x-1080 table td { padding:7px 5px !important; font-size:1.6rem !important;}
    .over-x-1080 .ico-touch { width:60px; right:10px;}
    .over-x-1080 li { font-size:1.7rem !important;}
    .over-x-1080 p { font-size:1.7rem !important;}

    .over-x-480 table th { padding:10px 5px !important; font-size:1.8rem !important;}
    .over-x-480 table td { padding:7px 5px !important; font-size:1.7rem !important;}
    .over-x-480 li { font-size:1.7rem !important;}
    .over-x-480 li { font-size:1.7rem !important;}
    .over-x-480 p { font-size:1.7rem !important;}

    .normal-sm-txt { font-size:1.6rem;}

   

    .line-link > div .txtwrap .sm-link li { display:block; margin:0 0 5px; padding:0;}
    .line-link > div .txtwrap .sm-link li:after { display:none;}
    .line-link > div .txtwrap .big-link .link-txt { font-size:2.5rem;}
    .line-link > div .txtwrap .big-link .link-txt i { vertical-align:middle;}

    .construction .halfbox .right .imgbox { margin:5em 0;}

      .form-wrap .formbox-wrap .formbox { align-items:flex-start;}
    .form-wrap .formbox-wrap .formbox .left { padding:0.859em 0 0;}
    .form-wrap .formbox-wrap .formbox.half { width:100%;}
    .form-wrap .formbox-wrap .formbox .filebox { max-width:none; width:100%;}
    .form-wrap .formbox-wrap .formbox .filebox span { display:block; white-space:normal; word-break:break-all;}

    .pribtn { flex-wrap:wrap; justify-content:center; text-align:center;}
    .pribtn p { margin-top:1em; width:100%;}
    .pribtn div { margin-top:1em; width:100%;}
    .pribox .pricon { padding:2em;}

   
    .contact-list .contact-list-box ul li { flex-wrap:wrap;}
    .contact-list .contact-list-box ul li span { width:100%;}
    .contact-list .contact-list-box h3 { font-size:2.4rem;}
    .contact-list .contact-list-box > ul { margin:2em 3em 0;}

   
    .ir .tbstyle03 table colgroup { display:none;}
    .ir .tbstyle03 table th { padding:15px 7px; font-size:1.8rem;}
    .ir .tbstyle03 table td { padding:7px 7px; font-size:1.7rem;}

    .vision .vision-tit h2 span { font-size:4rem;}
    .vision .vision-pin .pin-tit span { padding-top:30px;}
    .vision .vision-pin .pin-tit h3 { font-size:2.6rem;}
    .vision .vision-slide .slide-img-list { padding-bottom:7em;}
    .vision .vision-slide .slide-img-list .img { padding:0; height:auto;}
    .vision .vision-slide .slide-img-list .img > div { position:relative; padding-bottom:41.115%; margin-top:7em; height:0;}
    .vision .vision-slide .slide-img-list { padding-bottom:14em; height:auto !important;}
    .vision .vision-slide .slide-img-list .maxinner { height:auto;}
    .vision .vision-slide .slide-txt-list { padding-bottom:14em;}
    .vision .vision-slide .slide-txt-list .txt { position:static; padding-bottom:0; height:auto; transform:none;}
    .vision .vision-slide .slide-txt-list .txt .con { position:static; width:auto; height:auto; background:none;} 
    .vision .vision-slide .slide-txt-list .txt .con p { position:relative; padding-bottom:41.115%; margin-top:7em; height:0; font-size:100%;}
    .vision .vision-slide .slide-txt-list .txt .con p span { position:absolute; left:0; bottom:-1em; padding:1.5em 1em 1em 0; min-width:250px; background:#fff; font-size:2.5rem; line-height:1;}

   

    .terms .titbox .tit { font-size:3rem;}
    .terms .titbox .normal-txt { padding:2em;}
	.terms-listbtn .terms-list-date strong{position:relative;  right:auto; top:auto; margin:0; text-align:left; width:100%; display:block; font-size:1.8rem;}
	.terms-listbtn .terms-list-date{width:100%;}
    .ethics-cyber .conbox .titbox .normal-txt { margin-bottom:3em;}
	.terms .terms-list dl:first-child{padding-top:5em;}
	.terms .terms-list dl dt{font-size:2em;}
	.terms .terms-list dl{margin-top:5em;}

    .search-results .search-box { margin-top:7em;}
    .search-results .search-box .search-keyword dd a { font-size:1.5rem;}
    .search-results .search-block { flex-wrap:wrap;}
    .search-results .search-block p { width:100%;}
    .search-results .search-block .search-select { margin-top:3em; min-width:200px; width:auto;}
    .search-results .list-tit h3 { font-size:2.4rem;}
    .search-results .search-list .list-con .list .tit a:after { margin-left:0.3em; margin-top:-0.2em;}



	.btn-scale{display:block;}


    
    .overview-esg .esg-chart .esg-chart-mid .middle .list > ul > li, .overview-esg .esg-chart .esg-chart-mid .right .list > ul > li {width:100%;}
	.overview-esg .esg-chart .esg-chart-mid .list > ul > li:not(:last-child):before {content:""; position:absolute; bottom:0; width:100% !important; border-bottom: 1px dashed #aaa !important;}
	.overview-esg .esg-chart .esg-chart-mid .list > ul > li:after {display:none !important;}
	
	.halfbox.halfbox-new {gap:25px;}
	.halfbox.halfbox-new .tit {font-size:2.5rem; text-align:left;}
	.halfbox-new .pic-wrap .pic-title > h5 {font-size:14px;}
	.halfbox-new .pic-wrap .pic-txt > div > p {font-size:14px;}
	.halfbox-new .pic-wrap .pic-txt > div > span {font-size:13px;}
	.halfbox-new > div {display:block; text-align:left;}
	
	
}
@media all and (max-width:640px){

	
	.halfbox.halfbox-new {flex-direction:column;}
	.halfbox.halfbox-new > div {min-width:auto; width:100% !important;}
	.halfbox-new .pic-wrap .pic-title {order:1; flex-basis:147px;}
	.halfbox-new .pic-wrap .pic-txt {order:3; flex-basis:100%; position:relative; padding:15px 15px 15px;}
	.halfbox-new .pic-wrap .pic-txt:before {display:none;}
	.halfbox-new .pic-wrap .pic {order:2; flex-grow:1; padding-right:0; position:relative;}
	.halfbox-new .pic-wrap > li {justify-content:space-between;}
	.halfbox-new .pic-wrap > li:not(:last-child):after {border-bottom-style:solid; width:100%;left: 0;}
	.halfbox-new .pic-wrap > li:not(:last-child) .pic-title:before {display:none;}
	.halfbox-new .pic-wrap .pic:before {content:""; position:absolute; bottom:0; right:0; width:100%; border-bottom:1px dashed #38b800;}
}
@media all and (max-width:480px){
    .breadcrumb { display:none;}
    .sub-nav-wrap { margin-top:4.5em;}
    
    .over-x-480 { overflow-x:scroll; position:relative; padding-bottom:10px;}
    .over-x-480 table { min-width:550px;}
    .over-x-480 .ico-touch { display:block; position:absolute; top:50%; right:10px; margin-top:-30px; width:60px; border-radius:50%; overflow:hidden; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);  opacity:.6}

	.step-st01 > li { padding-bottom:50%; width:50%;}

  


	.sub-nav-wrap .sub-nav li a{padding:0 2.5em;}

  
    .form-wrap .formbox-wrap .formbox { flex-wrap:wrap; margin:1em 0;}
    .form-wrap .formbox-wrap .formbox .left { margin-bottom:1em; padding-top:0; width:100%;}
    .form-wrap .formbox-wrap .formbox .right { width:100%;}

    .vision .vision-tit h2 span { font-size:3.2rem;} 
    .vision .vision-pin .pin-tit h3 { font-size:2.5rem;}
    .vision .vision-pin .pin-tit p { font-size:1.8rem;}
    .vision .vision-fix .fix-tit h3 { font-size:2.8rem;}
    .vision .vision-fix .fix-tit p { font-size:1.9rem;}

}