.point{color: #9d2f21;}

/*인사말*/
.greeting{position:relative; max-width:1200px}
.greeting .img{position:relative; height:324px; margin-top:110px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}
.greeting .tit{position:absolute; top:370px; right:100px; width:514px; height:314px; background:#4168ad}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; color:#fff; font-size:22px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:-23px; left:50px; width:1px; height:144px; margin:0; background:#fff;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:50px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 980px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}
/*인사말*/





/*그룹소개*/
.company_info  { width:100%; height:auto;  }


/*회사소개*/
.sub1_content1 {width: 100%; height: 765px; position: relative; margin: 0; padding: 0; overflow: hidden;}
.s1c1_box1{width: 50%; height: 100%; float: left; position: relative;}
.s1c1_box2{width: 50%; height: 100%; float: left; position: relative;}
.s1c1_box1 .s1c1b2_imgbox {
    width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.s1c1_box1 .s1c1b2_imgbox img {width: 100%;}
.s1c1_box1 h2 {font-size: 40px; color: #9d2f21; font-weight: 600; letter-spacing: -1px; line-height: 1.2;     margin: 90px 0 20px 10px;}
.s1c1b1_txtbox {width: 100%; padding: 4%; position: absolute; top: 35%;}
.s1c1b1_txtbox h2 {font-size: 30px; color: #982113; font-weight: bold; margin-bottom: 10px;}
.s1c1b1_txtbox .p_ko {font-size: 20px; font-weight: 400; letter-spacing: -0.5px;}
.s1c1b1_txtbox h3 {font-size: 20px; font-weight: 400; letter-spacing: 0px; line-height: 1; margin: 30px 0 30px;}
.s1c1b1_txtbox .p_en {font-size: 20px; font-weight: 400; /*letter-spacing: -1px;*/ word-break: keep-all;}
.s1c1b1_imgbox {width: 98%;}
.s1c1b1_imgbox .s1c1b1_img1 {width: 50%; float: left; overflow: hidden; padding-right: 1%;}
.s1c1b1_imgbox .s1c1b1_img1 img {width: 100%;}
.s1c1b1_imgbox .s1c1b1_img2 {width: 50%; float: right; overflow: hidden; padding-left: 1%;}
.s1c1b1_imgbox .s1c1b1_img2 img {width: 100%;}

.company_info .img_page { width:100%; height:300px; background-image:url(../img/about/sub1_img1_1.png); background-position:center; background-size: cover; background-repeat:no-repeat; margin: 20px 0;} 

.company_info .img_page .txtbox {width: 100%; position: relative; height: 100%;}
.company_info .img_page .txtbox h2{
    display: inline-block; letter-spacing: -0.5px;
	line-height: 1.5;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	
.company_info .img_page .txtbox h2 b{ color: #982113;
    font-size: 30px;
    font-weight: 600;}



.sub1_content2_wrap {width: 100%; height: 450px; position: relative; margin: 0; padding: 0;  }

.sub1_content2 {width: 100%; height: 100%; max-width: 1600px; margin: 0 auto;}

.sub1_content2_title {width: 100%; text-align: center; margin-top: 80px;}
.company_info .txt_page .sub1_content2_title h2{font-size: 40px;color: #982113; font-weight: bold; margin-bottom: 20px;}
.company_info .txt_page .sub1_content2_title p{font-size: 20px; color: #000; font-weight: 500;}

.sub1_content2 li {float: left; width: 25%; height: 100%; position: relative;}

.sub1_content2 li a {width: 100%; text-align: center; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub1_content2 li a img {width: 35px; height: 35px; }

.sub1_content2 li a h3 { font-size: 30px; font-weight: 400; color: #000; letter-spacing: -1px; }
.sub1_content2 li a h3::before { display: block;     content: ""; width: 3px; height: 3px; opacity: 0.5; background: #982113; border-radius: 50%;    margin: 15px auto 0px auto;}

.sub1_content2 .rotate_box { position: absolute; opacity: 0.5;
    top: 50%; left: 50%; width: 250px; height: 250px; aspect-ratio: 1 / 1;  border: 1px solid #982113; transform:rotate(0deg)translate(-50%,-50%); -webkit-transform:rotate(0deg)translate(-50%,-50%); animation: transformturn 6s linear infinite; transition: border-radius 1.5s;}
/*.sub1_content2 li:hover .rotate_box{ transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); background: #ffffff31;}*/
@keyframes transformturn {	100% {top: 50%; left: 50%;	transform:rotate(360deg)translate(-50%,-50%);	}	}

.sub1_content2 .rotate_box:hover{border-radius: 50%;}

.sub1_content3_wrap {width: 100%; height: 450px; position: relative; margin: 0; padding: 0;  }
.sub1_content3 {width: 100%; height: 100%; max-width: 1600px; margin: 0 auto;}

.sub1_content3_title {width: 100%; text-align: center; margin-top: 80px;}
.company_info .txt_page .sub1_content3_title h2{font-size: 40px;color: #982113; font-weight: bold; margin-bottom: 20px;}
.company_info .txt_page .sub1_content3_title p{font-size: 20px; color: #000; font-weight: 500;}

.sub1_content3 li {float: left; width: 25%; height: 100%; position: relative;}

.sub1_content3 li a {width: 100%; text-align: center; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub1_content3 li a img {width: 35px; height: 35px; }

.sub1_content3 li a h3 { font-size: 30px; font-weight: 400; color: #000; letter-spacing: -1px; }
.sub1_content3 li a h3::before { display: block;     content: ""; width: 3px; height: 3px; opacity: 0.5; background: #982113; border-radius: 50%;    margin: 15px auto 0px auto;}

.sub1_content3 .rotate_box { position: absolute; opacity: 0.5; border-radius: 50%;
    top: 50%; left: 50%; width: 250px; height: 250px; aspect-ratio: 1 / 1;  border: 1px solid #982113; transform:rotate(0deg)translate(-50%,-50%); -webkit-transform:rotate(0deg)translate(-50%,-50%); animation: transformturn 6s linear infinite;transition: border-radius 1.5s;}
.sub1_content3 .rotate_box:hover{border-radius: 0%;}

.company_info .txt_page { max-width:1300px; margin:250px auto; padding:0px; /*overflow: hidden;*/}
/*.company_info .txt_page h2 { font-size: 40px; line-height: 1; font-weight: 600; margin-bottom: 55px; padding-top:10px; display: block; }*/
.company_info .txt_page h3 { font-size: 30px; color: #000; font-weight: 400;line-height: 1.7;}
.company_info .txt_page .s1c3_h3 {float: left; display: block; letter-spacing: -1px; z-index: 1;}
.company_info .txt_page .s1c3_imgbox {float: left; display: block; width: 220px; height: 95px; overflow: hidden; margin:0 10px; z-index: 2;}
.company_info .txt_page .s1c3_imgbox img {width: 100%; z-index: 2;}

.company_info .Ideology { width:100%; /* padding-bottom:100px;*/}
.company_info .Ideology .inner { max-width:1600px; margin: 200px auto 150px; clear:both; position: relative;}

.s1c4_imgbox {width: 43%; height: 45vh; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; background-image:url(../img/about/sub1_img5.jpg); background-position:center; background-size: cover; background-repeat:no-repeat;}
.s1c4_imgbox img {display: none;}

.company_info .Ideology .inner h2 {font-size: 40px;font-weight: 600;color: #9d2f21; text-align:center; padding:25px 0 25px 0}
.company_info .Ideology ul { position: relative; left: 30%; bottom: 0; width: 70%; padding: 1.5% 0; background-color: #b33827;}
.company_info .Ideology ul li { margin: 30px 0 30px 25%; padding: 3px; overflow: hidden;}
.company_info .Ideology ul li img {float: left; width: 39px; height: 37px;}
.company_info .Ideology ul li h3 {color: #fff; float: left;margin-left: 20px; font-size: 30px;    line-height: 37px;}
.company_info .Ideology ul li p {color: #ffffff85; float: left; margin-left: 50px;  font-size: 20px;   line-height: 37px;}

.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.02em; color:#555}

.tl_title_box_wrap {width:100%; height:auto; overflow: hidden;padding:0; clear:both; background-image:url(../img/about/sub1_bg2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.sub1_content5{padding-bottom: 70px;}
.sub1_content5 h2{ font-size: 40px; text-align: center; margin: 80px auto 50px;}
.sub1_content5 ul {width: 100%; margin: 0 auto; max-width: 1200px; overflow: hidden;}
.sub1_content5 .ul1 li {width: 33.3%; float: left;}
.sub1_content5 .ul1 {width: 84.4%; max-width: 900px;}
.sub1_content5 .ul2 li {width: 25%; float: left;}
.s1c5_imgbox {width: 80%; margin: 0 auto;}
.s1c5_imgbox img {width: 100%;}
.sub1_content5 ul li p {text-align: center; font-size: 20px; margin: 16px auto 30px; font-weight: 500;}

@media screen and (max-width: 1200px) {
	.sub1_content5 .ul1 {width: 100%; padding: 0 12.5%; max-width: none;}
}

.group_wrap{position: relative;width: 100%;}
.group_wrap .group_title {
    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 0 20px 0;
    font-weight: 400;
    position: relative;
    clear: both;}

/*.group_wrap .group_title .sub_title {
    margin-bottom: 10px;
}*/
.group_wrap .sub_title h2 {font-size: 48px; text-align: center; font-weight: bold; letter-spacing: -1px; line-height: 1;}
.group_content {width: 100%; max-width: 1680px; margin: 60px auto 100px; position: relative; overflow: hidden;}
.group_content .group_1 {width: 33.3%; margin: 0 auto;}
.group_content .group_2 {position: absolute; width: 33.3%; top: 100px; right: 0; }
.group_content .group_3 {width: 100%;  z-index: 2;}
.group_img1 {width: 70px; height: 70px;  border: 3px solid #5c1717; outline: 8px solid #c33522; border-radius: 50%; position: relative; background-color: #fff;}
.group_img1 img{    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 80%;    max-width: 55px;}

.group_content h3 { text-align: center; font-size: 30px; font-weight: 600; letter-spacing: -1px;  color: #fff; line-height: 1;border-radius: 25px; }
.group_txt1 {width: 190px; display: block; padding: 20px 0; background-color: #5c1717; }
.group_txt2 { display: block; background-color: #5c1717;}

.group1_box {overflow: hidden; position: relative; width: 250px; padding: 20px; margin: 0 auto; z-index: 2;}
.group1_box .group_img1 {float: left;}
.group1_box .group_txt1 { margin-left: 40px;    padding-right: 10px;}

.group2_box {overflow: hidden; position: relative; width: 250px; padding: 20px;  margin: 50px auto 120px; z-index: 2;}
.group2_box .group_img1 {float: left;}
.group2_box .group_txt1 { margin-left: 40px;    padding-right: 10px;}

.group_2 .group3_box { border-radius: 25px 0 0 25px; outline: 5px solid #c33522; overflow: hidden;  position: relative; width: 250px; z-index: 2; background-color: #fff;}
.group3_box .group_img2 {float: left; margin-left: 15px;}
.group3_box .group_txt3 {color: #333; font-size: 24px; font-weight: 400;  margin-left: 40px;    padding-right: 10px; line-height: 55px;}
.group_img3 {margin:5px 0 0  50px; }

.group4_box {width: 20%; float: left; padding: 0 40px; z-index: 2; 
    margin-top: 40px;}
.group4_box .group_img1 {margin: 0 auto;}
.group4_box .group_txt2 { padding:  50px 0 20px; margin: -20px 0 0;     border-radius: 25px 25px 0 0;}
.group4_box ul {    width: 100%; height: auto; min-height: 230px ; border-bottom: 5px solid #5c1717; border-radius:0 0 25px 25px; 	border-left: 5px solid #5c1717;     border-right: 5px solid #5c1717; padding-top: 10px; z-index: 2; background-color: #fff;}
.group4_box ul li {width: 100%; margin:0 auto; padding: 5px 0;}
.group4_box ul li p { font-size: 20px; color: #333; text-align: center; font-family: "Noto Sans KR", sans-serif; line-height: 1.5; opacity: 0.7; font-weight: 600;}

.group_line {width: 100%; height: 100%;}
.glin_1 {width: 1px; height: 100%; border-right: 2px dashed #8d8d8d; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); z-index: -1;}
.glin_2 {width: 30%; height: 1px; border-top: 2px dashed #8d8d8d; position: absolute; top: 130px; left: 50%;  z-index: -1;}
.glin_3 {width: 80%; height: 1px; border-top: 2px dashed #8d8d8d; position: absolute; top: 47.5%; left: 50%; transform: translateX(-50%);  z-index: -1;}
.glin_4 {position: absolute; top: 47.5%; left: 10%; transform: translateX(-50%); width: 1px; height: 100%;z-index: -1;border-right: 2px dashed #8d8d8d;}
.glin_5 {position: absolute; top: 47.5%; left: 30%; transform: translateX(-50%); width: 1px; height: 100%;z-index: -1;border-right: 2px dashed #8d8d8d;}
.glin_6 {position: absolute; top: 47.5%; left: 70%; transform: translateX(-50%); width: 1px; height: 100%;z-index: -1;border-right: 2px dashed #8d8d8d;}
.glin_7 {position: absolute; top: 47.5%; left: 90%; transform: translateX(-50%); width: 1px; height: 100%;z-index: -1;border-right: 2px dashed #8d8d8d;}

/*오시는 길*/

.location_wrap .location_txtCon {
    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 0 50px 0;
    font-weight: 400;
    position: relative;
    clear: both;
}
.location_area .contact_address {width:100%;  position: relative; border-bottom: 4px solid #703434; padding-bottom: 30px; margin-bottom: 0px;}
.location_area .contact_address h2 {font-size: 40px; line-height: 1; letter-spacing: -1px; margin-top: 100px; padding-left: 30px;}

.contact_traffic {margin-bottom: 50px;}
.contact_traffic .subway_box {width:100%; overflow: hidden;}
.contact_traffic .stop_box {width:100%; overflow: hidden;}
.contact_traffic .bus_box {width:100%;  overflow: hidden;}
.contact_traffic h3 {font-size: 30px; font-weight: 600; letter-spacing: -0.5px; padding: 0 0 0 30px; width: 25%; float: left; line-height: 80px;}

.subway {width: 75%; border-bottom: 1px solid #e9e9e9; float: left; }
.subway ul { width: 100%; overflow: hidden; padding: 5px 0 5px 50px;}
.subway ul li {width: auto; float: left;}
.subway ul li p {font-size: 20px; color: #444444;     margin: 20px 60px 20px 0;}
.subway ul li p span {width: 24px; height: 24px; display: inline-block; background-color: #5fb73c; border-radius: 50%; color: #fff; line-height: 22px;font-size: 16px; text-align: center;}

.stop {width: 75%; border-bottom: 1px solid #e9e9e9; float: left; }
.stop ul { width: 100%; overflow: hidden; padding: 5px 0 5px 50px;}
.stop ul li {width: auto; float: left;}
.stop ul li p {font-size: 20px; color: #444444; margin: 20px 60px 20px 0;}

.bus {width: 75%; border-bottom: 1px solid #e9e9e9; float: left; }
.bus ul { width: 100%; overflow: hidden; padding: 20px 0 20px 50px;}
.bus ul li {width: auto; float: left;}
.bus ul li h4 {width: 50px; height: 26px; display: inline-block; 
	color: #fff; line-height: 22px; font-size: 18px; 
	text-align: center; margin: 0 20px 0 0;}
.bus ul li .map_h4_1{background-color: #7182f5;}
.bus ul li .map_h4_2{background-color: #5fb73c;}
.bus ul li .map_h4_3{background-color: #f86e55;}
.bus ul li p {font-size: 20px; color: #444444; margin: 0 0; line-height: 1;}
.bus ul li a {font-size: 20px; color: #e9e9e9; font-weight: 100; line-height: 1; margin: 0 8px;}

.root_daum_roughmap .cont ,.root_daum_roughmap .wrap_btn_zoom ,.root_daum_roughmap .wrap_controllers {display: none!important;}


.map_content {width: 100%; height: 22vh; margin-bottom: 20px; overflow: hidden;}
.map_cbox {width: 24%; height: 100%; float: left;  position: relative;}
.map_c1 {background-color: #000; margin: 0;}
.map_c1 .map_img1 { width: 60%; max-width: 254px; margin: 20px 0 0 15px;}
.map_c1 .map_img1 img {width: 100%;}
.map_c1 .map_img2 { position: absolute; bottom: 10px; right: 10px; }

.map_c2 {background-color: #e9e9e9; margin: 0 0.65% 0 1.3%;}
.map_c2 h2 {font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: -1px;}
.map_c3 {background-color: #e9e9e9; margin: 0 1.3% 0 0.65%; line-height: 1;}
.map_c3 h2 {font-size: 40px; font-weight: 600; letter-spacing: -1px;}
.map_c4 {background-color: #e9e9e9; margin: 0; line-height: 1;}
.map_c4 h2 {font-size: 40px; font-weight: 600; letter-spacing: -1px;}
.map_cbox p {font-size: 20px; color: #666666; margin: 20px 0 0 15px; font-weight: 600; letter-spacing: -1px;  line-height: 1;}
.map_cbox h2 { position: absolute; bottom: 15px; left: 15px; }


.contant_wrap .contant_title {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 0 40px;
    font-weight: 400;
    position: relative;
    clear: both;}

.contant_wrap .contant_title .sub_title {
    margin-bottom: 10px;
}
.contant_wrap .sub_title h2 {font-size: 38px; text-align: center; font-weight: bold; letter-spacing: -1px; line-height: 1;}

/*오시는 길*/
@media screen and (max-width: 1600px) {
	.sub1_content1{height: 600px;}
	.s1c1b1_txtbox{top: 30%;}
}

@media screen and (max-width: 1100px) {
	.s1c1b1_txtbox{padding: 4% 0;}
}

@media screen and (max-width: 1024px) {
	
	
	.content_wrap .txtCon .sub_title.adout_title {margin-bottom: 0;}
	.sub1_content1 {height: 90vh; min-height: 740px; width: 90%; margin: 30px auto 0;}

	.s1c1_box1 .icon1, .s1c1b1_txtbox .icon2 {width: 40px;}
	.s1c1_box1 .icon1 img, .s1c1b1_txtbox .icon2 img {width: 100%;}
	.s1c1_box1 {width: 100%; height: 50%;}
	.s1c1_box1 h2 {font-size: 22px; margin: 50px 0 20px 0;}
	.s1c1b1_txtbox .p_ko {font-size: 18px;}
	.s1c1b1_txtbox .p_ko b {font-size: 20px;}
	.s1c1b1_txtbox {width: 100%; top: 0; padding: 4% 10%;}
	.s1c1b1_imgbox {width: 100%;}
	.s1c1_box2 {width: 100%; height: 50%; margin-top: 20%;}
	.s1c1_box1 .s1c1b2_imgbox{width: 85%; bottom: -20%;}
	.s1c1b1_txtbox h2{font-size: 24px;}
	.s1c1b1_txtbox h3{ font-size: 20px;}
	
	.s1c1b1_txtbox .p_en {font-size: 14px;}
	.s1c1b2_imgbox {width: 100%;}
	.s1c1b2_imgbox img {width: 100%;}


	.sub1_content2_wrap,.sub1_content3_wrap {height: 300px;}

	.company_info .img_page .txtbox h2{ width: 90%; line-height: 1.4; font-size: 18px;}
	.company_info .img_page .txtbox h2 b {font-size: 20px;}

	.company_info .img_page {height: 260px;}
	.sub1_content2 {
        height: 100%;
        max-height: 200px;
        padding-top: 50px;
    }
	.sub1_content3 {
        height: 100%;
        max-height: 180px;
        padding-top: 0px;
    }
	/*.sub1_content2 li:first-child {width: 100%; height: 40%;}*/
	.sub1_content2 li h3::after {display: none;}
	.sub1_content2 li h3 {text-align: center;  font-size: 24px;}
	.sub1_content2 li {width: 25%; height: 36%;}
	.sub1_content2 li a h2 {font-size: 30px; margin-top: 10px;}
	.sub1_content2 li a img,.sub1_content3 li a img {width: 20px; height: 20px;}
	.sub1_content2 .rotate_box {   width: 90px;    height: 90px;}
	.sub1_content3 .rotate_box {   width: 100px;    height: 100px;}
	
	

	.company_info .txt_page {width: 90%; position: relative; margin: 50px auto;}
	.company_info .txt_page h2 {font-size: 26px; padding-top: 80px; margin-bottom: 20px;}
	.company_info .txt_page h3 {font-size: 20px; line-height: 1.2}
	.company_info .txt_page .s1c3_imgbox { position: absolute; margin: 0; left: 0; bottom: 0; width: 100%;}
	.company_info .Ideology .inner {margin: 100px auto; padding-bottom: 310px;}
	.company_info .Ideology .inner h2 {font-size: 26px; padding: 0 0 40px;}
	.s1c4_imgbox {width: 100%; bottom: 0; top: inherit;}
	.company_info .Ideology ul {width: 90%; left: 10%; bottom: 0; padding: 20px 0 80px;}
	.company_info .Ideology ul li {margin: 20px 0 20px 8%;}
	.company_info .Ideology ul li h3 {font-size: 26px; line-height: 27px;}
	.company_info .Ideology ul li img {    width: 29px;    height: 27px;}
	.company_info .Ideology ul li p {font-size: 16px; margin-left: 0; }
	
	.sub1_content5 h2 {font-size: 26px; margin: 60px 0 30px;}
	.sub1_content5 ul li {width: 50%; }
	.sub1_content5 ul li p{font-size: 14px; padding: 0 5px; margin: 10px auto 20px;}
	
	.company_info .txt_page .sub1_content2_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content2_title p {font-size: 16px;}
	.company_info .txt_page .sub1_content3_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content3_title p {font-size: 16px;}
.contant_wrap .sub_title h2 {font-size: 32px;}


.location_area .contact_address h2 {font-size: 26px; margin-top: 60px;}
.contact_traffic h3 { width: 100%; line-height: 1; font-size: 20px; margin: 20px 0 5px;}
.subway,.stop ,.bus {width: 100%}
.bus {padding: 10px 0;}
.subway ul,.stop ul, .bus ul {padding: 5px 0 5px 9%;}
.subway ul li {width: 50%;}
.subway ul li p {margin: 10px 60px 10px 0; font-size: 16px;}
.subway ul li p span {width: 20px; height: 20px; line-height: 18px; font-size: 14px;}
.stop ul li {width: 50%;}
.stop ul li p {margin: 10px 30px 10px 0; font-size: 16px;}
.bus ul li:first-child{width: 100%;}
.bus ul li p {margin: 5px 0; font-size: 16px;}
.bus ul li a {font-size: 16px; margin: 0 5px;}


.contant_wrap .contant_title {padding: 0 0 20px;}


}

@media screen and (max-width: 720px) {
	
	
	.content_wrap .txtCon .sub_title.adout_title {margin-bottom: 0;}
	.sub1_content1 {min-height: 670px; height: 670px; width: 90%; margin: 30px auto 0;}

	.s1c1_box1 .icon1, .s1c1b1_txtbox .icon2 {width: 40px;}
	.s1c1_box1 .icon1 img, .s1c1b1_txtbox .icon2 img {width: 100%;}
	.s1c1_box1 {width: 100%; height: 50%;}
	.s1c1_box1 h2 {font-size: 22px; margin: 50px 0 20px 0;}
	.s1c1b1_txtbox .p_ko {font-size: 18px;}
	.s1c1b1_txtbox .p_ko b {font-size: 20px;}
	.s1c1b1_txtbox {width: 100%; top: 10%; padding:3% 5%}
	.s1c1b1_imgbox {width: 100%;}
	.s1c1_box2 {width: 100%; height: 50%; margin-top: 10%;}
	.s1c1_box1 .s1c1b2_imgbox{width: 88%; bottom: -10%;}
	.s1c1b1_txtbox h2{font-size: 24px;}
	.s1c1b1_txtbox h3{ font-size: 20px;}
	
	.s1c1b1_txtbox .p_en {font-size: 14px;}
	.s1c1b2_imgbox {width: 100%;}
	.s1c1b2_imgbox img {width: 100%;}


	.sub1_content2_wrap,.sub1_content3_wrap {height: 300px;}

	.company_info .img_page .txtbox h2{ width: 90%; line-height: 1.4; font-size: 18px;}
	.company_info .img_page .txtbox h2 b {font-size: 20px;}

	.company_info .img_page {height: 260px;}
	.sub1_content2 {
        height: 100%;
        max-height: 200px;
        padding-top: 50px;
    }
	.sub1_content3 {
        height: 100%;
        max-height: 180px;
        padding-top: 0px;
    }
	/*.sub1_content2 li:first-child {width: 100%; height: 40%;}*/
	.sub1_content2 li h3::after {display: none;}
	.sub1_content2 li h3 {text-align: center;  font-size: 24px;}
	.sub1_content2 li {width: 25%; height: 36%;}
	.sub1_content2 li a h2 {font-size: 30px; margin-top: 10px;}
	.sub1_content2 li a img,.sub1_content3 li a img {width: 20px; height: 20px;}
	.sub1_content2 .rotate_box {   width: 90px;    height: 90px;}
	.sub1_content3 .rotate_box {   width: 110px;    height: 110px;}
	.sub1_content3 .rotate_box:hover{ width: 100px;    height: 100px; border-radius: 0%;}
	

	.company_info .txt_page {width: 90%; position: relative; margin: 50px auto;}
	.company_info .txt_page h2 {font-size: 26px; padding-top: 80px; margin-bottom: 20px;}
	.company_info .txt_page h3 {font-size: 20px; line-height: 1.2}
	.company_info .txt_page .s1c3_imgbox { position: absolute; margin: 0; left: 0; bottom: 0; width: 100%;}
	.company_info .Ideology .inner {margin: 100px auto; padding-bottom: 310px;}
	.company_info .Ideology .inner h2 {font-size: 26px; padding: 0 0 40px;}
	.s1c4_imgbox {width: 100%; bottom: 0; top: inherit;}
	.company_info .Ideology ul {width: 90%; left: 10%; bottom: 0; padding: 20px 0 80px;}
	.company_info .Ideology ul li {margin: 20px 0 20px 8%;}
	.company_info .Ideology ul li h3 {font-size: 26px; line-height: 27px;}
	.company_info .Ideology ul li img {    width: 29px;    height: 27px;}
	.company_info .Ideology ul li p {font-size: 16px; margin-left: 0; }
	
	.sub1_content5 h2 {font-size: 26px; margin: 60px 0 30px;}
	.sub1_content5 ul li {width: 50%; }
	.sub1_content5 ul li p{font-size: 14px; padding: 0 5px; margin: 10px auto 20px;}
	
	.company_info .txt_page .sub1_content2_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content2_title p {font-size: 16px;}
	.company_info .txt_page .sub1_content3_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content3_title p {font-size: 16px;}
.contant_wrap .sub_title h2 {font-size: 32px;}
.group_content .group_1 {width: 100%; margin: 0;}
.group1_box {width: 100%;}
.group_img1 { width: 50px; height: 50px; }
.group_content h3 { font-size: 26px;}
.group1_box .group_txt1 {margin-left: 0; padding: 13px 0; width: 70%;}

.group_wrap .sub_title h2 {font-size: 30px;}
.group_content h3 { font-size: 26px;}
.group2_box .group_txt1 {margin-left: 0; padding: 13px 0; width: 70%;}
.group2_box {width: 100%; margin: 250px auto 30px;}
.group_content .group_2 { width: 60%; right: 5%;}
.group_2 .group3_box {width: 100%;}
.group_img3 {margin: 5px 0 0 40px;}
.group4_box {width: 100%; padding: 0 5% 0 30%;}
.group4_box ul { min-height: auto;}
.glin_1 {left: 20%; top: 1%; height: 82.5%;}
.glin_2{left: 20%;  }
.glin_3 {width: 43%; height: 40px; border-right: 2px dashed #8d8d8d;border-top: 2px dashed #8d8d8d; position: absolute;    top: 24%;    left: 20%;    transform: translateX(0%);}
.glin_4 {width: 43%; height: 40px; border-right: 2px dashed #8d8d8d;border-top: 2px dashed #8d8d8d; position: absolute;    top: 43%;    left: 20%;    transform: translateX(0%);}
.glin_5 {width: 43%; height: 40px; border-right: 2px dashed #8d8d8d;border-top: 2px dashed #8d8d8d; position: absolute;    top: 56%;    left: 20%;    transform: translateX(0%);}
.glin_6 {width: 43%; height: 40px; border-right: 2px dashed #8d8d8d;border-top: 2px dashed #8d8d8d; position: absolute;    top: 68.5%;    left: 20%;    transform: translateX(0%);}
.glin_7 {width: 43%; height: 40px; border-right: 2px dashed #8d8d8d;border-top: 2px dashed #8d8d8d; position: absolute;    top: 83.5%;    left: 20%;    transform: translateX(0%);}

.map_content {height: 500px; width: 90%; margin: 0 auto 20px;}
.map_cbox {width: 100%; height: 24.5%;}
.map_c1 .map_img1 {width: 40%;}
.map_c1 .map_img2 {transform: rotate(90deg);}
.map_c2 { margin: 1.3% 0 0.65% 0;}
.map_c3 { margin: 0.65% 0 1.3% 0;}
.map_c2 h2 {font-size: 20px;}
.map_c4 h2,.map_c3 h2 {font-size: 36px;}
.map_cbox p {font-size: 16px;}

.location_area .contact_address h2 {font-size: 26px; margin-top: 60px;}
.contact_traffic h3 { width: 100%; line-height: 1; font-size: 20px; margin: 20px 0 5px;}
.subway,.stop ,.bus {width: 100%}
.bus {padding: 10px 0;}
.subway ul,.stop ul, .bus ul {padding: 5px 0 5px 9%;}
.subway ul li {width: 50%;}
.subway ul li p {margin: 10px 60px 10px 0; font-size: 16px;}
.subway ul li p span {width: 20px; height: 20px; line-height: 18px; font-size: 14px;}
.stop ul li {width: 50%;}
.stop ul li p {margin: 10px 30px 10px 0; font-size: 16px;}
.bus ul li:first-child{width: 100%;}
.bus ul li p {margin: 5px 0; font-size: 16px;}
.bus ul li a {font-size: 16px; margin: 0 5px;}

.group_wrap .group_title { padding: 25px 0;}
.group_content {margin: 0 auto 100px;}
.contant_wrap .contant_title {padding: 0 0 20px;}


}

@media screen and (max-width: 560px) {
.sub1_content1 {min-height: 570px; height: 570px; width: 90%; margin: 30px auto 0;}
}

@media screen and (max-width: 420px) {
	
	
	.content_wrap .txtCon .sub_title.adout_title {margin-bottom: 0;}
	.sub1_content1 {min-height: 520px; height: 520px; width: 90%; margin: 30px auto 0;}

	.s1c1_box1 .icon1, .s1c1b1_txtbox .icon2 {width: 40px;}
	.s1c1_box1 .icon1 img, .s1c1b1_txtbox .icon2 img {width: 100%;}
	.s1c1_box1 {width: 100%; height: 45%;}
	.s1c1_box1 h2 {font-size: 22px; margin: 50px 0 20px 0;}
	.s1c1b1_txtbox .p_ko {font-size: 16px;}
	.s1c1b1_txtbox .p_ko b {font-size: 20px;}
	.s1c1b1_txtbox {width: 100%; top: 10%; padding:3% 5%}
	.s1c1b1_imgbox {width: 100%;}
	.s1c1_box2 {width: 100%; height: auto; margin-top: 15%;}
	.s1c1_box1 .s1c1b2_imgbox{width: 90%; bottom: -10%;}
	.s1c1b1_txtbox h2{font-size: 20px;}
	.s1c1b1_txtbox h3{ font-size: 16px; margin: 20px 0;}
	
	.s1c1b1_txtbox .p_en {font-size: 14px;}
	.s1c1b2_imgbox {width: 100%;}
	.s1c1b2_imgbox img {width: 100%;}


	.sub1_content2_wrap,.sub1_content3_wrap {height: 230px;}

	.company_info .img_page .txtbox h2{ width: 90%; line-height: 1.4; font-size: 13px;}
	.company_info .img_page .txtbox h2 b {font-size: 18px;}

	.company_info .img_page {height: 200px;}
	.sub1_content2 {
        height: 100%;
        max-height: 180px;
        padding-top: 50px;
    }
	.sub1_content3 {
        height: 100%;
        max-height: 120px;
        padding-top: 10px;
    }
	.sub1_content2_title,.sub1_content3_title  {margin-top: 50px;}
	/*.sub1_content2 li:first-child {width: 100%; height: 40%;}*/
	.sub1_content2 li h3::after {display: none;}
	.sub1_content2 li h3 {text-align: center;  font-size: 24px;}
	.sub1_content2 li {width: 25%; height: 36%;}
	.sub1_content2 li a h2 {font-size: 30px; margin-top: 10px;}
	.sub1_content2 li a img,.sub1_content3 li a img {width: 20px; height: 20px;}
	.sub1_content2 .rotate_box {   width: 90px;    height: 90px;}
	.sub1_content3 .rotate_box {   width: 110px;    height: 110px;}
	.sub1_content3 .rotate_box:hover{ width: 100px;    height: 100px; border-radius: 0%;}
	

	.company_info .txt_page {width: 90%; position: relative; margin: 50px auto;}
	.company_info .txt_page h2 {font-size: 26px; padding-top: 80px; margin-bottom: 20px;}
	
	.company_info .txt_page h3 {font-size: 16px; line-height: 1.2}
	.sub1_content2 li a h3::before{margin: 10px auto 5px;}
	.sub1_content3 li a h3::before{margin: 10px auto 5px;}
	.company_info .txt_page .s1c3_imgbox { position: absolute; margin: 0; left: 0; bottom: 0; width: 100%;}
	.company_info .Ideology .inner {margin: 100px auto; padding-bottom: 310px;}
	.company_info .Ideology .inner h2 {font-size: 26px; padding: 0 0 40px;}
	.s1c4_imgbox {width: 100%; bottom: 0; top: inherit;}
	.company_info .Ideology ul {width: 90%; left: 10%; bottom: 0; padding: 20px 0 80px;}
	.company_info .Ideology ul li {margin: 20px 0 20px 8%;}
	.company_info .Ideology ul li h3 {font-size: 26px; line-height: 27px;}
	.company_info .Ideology ul li img {    width: 29px;    height: 27px;}
	.company_info .Ideology ul li p {font-size: 16px; margin-left: 0; }
	
	.sub1_content5 h2 {font-size: 26px; margin: 60px 0 30px;}
	.sub1_content5 ul li {width: 50%; }
	.sub1_content5 ul li p{font-size: 10px; padding: 0 3px; margin: 10px auto 20px; word-break: keep-all;}
	
	.company_info .txt_page .sub1_content2_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content2_title p {font-size: 13px;         padding: 0 1%;}
	.company_info .txt_page .sub1_content3_title h2{font-size: 24px; padding-top: 10px;}
	.company_info .txt_page .sub1_content3_title p {font-size: 13px;         padding: 0 1%;}
.contant_wrap .sub_title h2 {font-size: 32px;}

.sub1_content5{padding-bottom:40px;}


.group_wrap .group_title { padding: 25px 0;}
.group_content {margin: 0 auto 100px;}
.contant_wrap .contant_title {padding: 0 0 20px;}


}
@media screen and (max-width: 360px) {
	.sub1_content2 .rotate_box{width: 80px; height: 80px;}
	.sub1_content3 .rotate_box{width: 90px; height: 90px;}
	.sub1_content3 .rotate_box:hover{ width: 90px;    height: 90px; border-radius: 0%;}
	.s1c1_box1 .s1c1b2_imgbox{width: 100%;}
	.s1c1b1_txtbox{padding: 0;}
}