@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 /* 폰트 깨짐 보완 */
.area_ceo > em,
.area_ceo .ceo_img > span,
.area_corp > li > span,
.area_corp > li > em,
.area_corp > li > ul > li,
.area_history .sort .year,
.area_history .detail > li .year,
.area_history .detail > li > span,
.os_mac .roughmap_maker_label .roughmap_lebel_text,
.area_icon > ul > li > span,
.area_process > ul > li i,
.area_process > ul > li u,
.area_process > ul > li > em,
.area_list li,
.area_box > ul > li > em,
.area_box > ul > li > i,
.area_support li em,
.area_support li span,
.bbsList li span,
.bbsList li a{transform:skew(-0.028deg);}

#container{position:relative; margin:0 auto; padding:50px 0; width:100%; overflow:hidden;}
#container:after{content:''; display:block; clear:both;}
#container.bg01{background-color:#f5f5f5;}
#content{min-height:650px; padding-bottom:50px;}
#content .inr{position:relative; max-width:1338px; margin:0 auto;}
#content .inr:after{content:''; display:block; clear:both;}
#content h2{position:relative; margin:0 0 70px 0; overflow:hidden; display:block; text-align:left; font-size:35px; font-weight:300; color:#1e1e1e;}
#content h3{position:relative; margin:0 auto; overflow:hidden; display:block; text-align:left; font-size:20px; font-weight:300; color:#1e1e1e;}
#content p{position:relative; font-size:16px;}
#content h2 + .scrollTable > .table01{margin-top:0;}
.tit01{position:relative; padding-left:32px; background:url(../images/content/tit01.png) no-repeat 0 0;}
.box_img{position:relative; margin:0 auto; padding:40px 5%; text-align:center; background-color:#f5f5f5; border-radius:3px;}
.box_img > span{display:block; margin:25px auto 0 auto; padding:10px 5%; max-width:200px; text-align:center; font-size:15px; font-weight:300; color:#888; border:1px solid rgba(0, 0, 0, 0.4);}

/* 기존 스타일 변경 */
.tabBtn > li.on a{background-color:#fff !important; color:#d81621 !important; border:1px solid #d81621 !important;}
.txt_red{color:#d71522;}
.area_board,
.area_board select,
.area_board textarea,
.area_board input{font-family:Noto Sans KR; font-weight:300;}
.bbsView div.conts{line-height:1.8em;}
.mgB50{margin-bottom:50px !important;}

/* list */
.area_list{position:relative; margin:0 auto;}
.area_list li{position:relative; display:block; width:100%; clear:both; padding:2px 0 2px 12px; font-size:15px; font-weight:300; color:#666; text-align:left; word-break:keep-all; line-height:1.6em;}
.area_list li:before{position:absolute; top:12px; left:0px; content:""; width:4px; height:4px; background-color:#d81621; border-radius:50%;}
.area_list.dot_none li{padding-left:0;}
.area_list.dot_none li:before{display:none;}

/* 아이콘리스트 */
.area_icon{position:relative; margin:0 auto; width:100%; overflow:hidden; padding:50px; border:1px solid #eee;}
.area_icon:after{content:''; display:block; clear:both;}
.area_icon > ul{position:relative; overflow:hidden;}
.area_icon > ul > li{float:left; position:relative; display:block; margin-right:18px; width:calc(100% / 4 - 14.1px);}
.area_icon > ul > li:last-child{margin-right:0;}
.area_icon > ul > li > span{display:block; z-index:10; position:relative; padding-top:140px; width:100%; text-align:center; color:#3d3d3d; font-weight:500; font-size:18px;}
.area_icon > ul > li > span:after{content:''; z-index:-1; display:block; position:absolute; top:40px; left:50%; margin-left:-89px; width:100%; height:180px; background-repeat:no-repeat; background-position:0% 50%;}
.area_icon > ul > li:first-child > span:after{background-image:url(../images/content/img_icon01.jpg);}
.area_icon > ul > li:nth-child(2) > span:after{background-image:url(../images/content/img_icon02.jpg);}
.area_icon > ul > li:nth-child(3) > span:after{background-image:url(../images/content/img_icon03.jpg);}
.area_icon > ul > li:last-child > span:after{background-image:url(../images/content/img_icon04.jpg);}
.area_icon > ul > li > div{display:block; width:100%; height:190px; border:1px solid #aec0c4; text-align:center; box-sizing:border-box;}
.area_icon > ul > li > div > p{font-size:15px;color: #888;}
.area_icon > ul > li > div > ul{padding:70px 50px 30px 50px;}
.area_icon > ul > li > div > ul > li{width:100%; color:#666; font-size:15px; }
.area_icon > ul > li > div > ul > li > i{display:inline-block; margin-right:10px; color:#222; font-weight:400;}

/* 아이콘리스트 */
.area_process{position:relative; margin:35px auto 0 auto; width:100%; overflow:hidden; padding:50px; border:1px solid #eee;}
.area_process:after{content:''; display:block; clear:both;}
.area_process > ul{position:relative; width:100%; margin:0 auto;}
.area_process > ul > li{display:block; float:left; width:25%; margin-top:25px; font-weight:500; text-align:center;}
.area_process > ul > li:last-child{margin-right:0;}
.area_process > ul > li > em{display:block; height:54px; line-height:54px; font-size:20px; color:#2b7585; border:1px solid #aec0c4; background-color:#fff;}
.area_process > ul > li i{display:block; margin:40px 40px 0 40px; height:35px; line-height:35px; color:#fff; background-color:#77b2bd; border-radius:3px 3px 0 0;}
.area_process > ul > li i:last-child{background-color:#d80c18;}
.area_process > ul > li u{display:block; margin:0 40px; height:35px; line-height:35px; font-weight:400; color:#666; background-color:#fff; border-radius:0 0 3px 3px; text-decoration:none;}
.area_process > ul > li u > b{display:inline-block; margin:0 10px; vertical-align:middle; width:1px; height:6px; background-color:#e3e3e3;}
.area_process > ul > li > div{display:block; width:100%; overflow:hidden; margin:40px 40px 0 40px;}
.area_process > ul > li > div > span{float:left; width:calc(100% / 2 - 45.1px);}
.area_process > ul > li > div > span:last-child{margin-left:10px;}
.area_process > ul > li > div > span > i{margin:0;}
.area_process > ul > li > div > span > u{margin:0;}
.area_process > ul > li u:after{content:''; display:block; width:100%; height:40px; background:url(../images/content/img_arrow01.png) no-repeat 50% 50%;}
.area_process > ul > li > div:after{content:''; display:block; left:-40px; padding-top:65px; width:calc(100% - 80px); height:40px; background:url(../images/content/img_arrow01.png) no-repeat 50% 100%;}
.area_process > ul > li:nth-child(2) i:last-child{margin-top:5px;}
.area_process > ul > li:last-child > span:nth-child(3) > u:after,
.area_process > ul > li > div > span > u:after{display:none;}
.area_process > ul > li:last-child > span:nth-child(3) > u:after{content:''; display:block; left:-40px; margin-top:-5px; width:100%; height:40px; background:url(../images/content/img_arrow02.png) no-repeat 50% 100%;}

/* 박스리스트 */
.area_box{position:relative; margin:0 auto; width:100%; overflow:hidden;}
.area_box:after{content:''; display:block; clear:both;}
.area_box > ul > li{display:block; float:left; margin-right:18px; width:calc(100% / 4 - 14.1px); height:340px; line-height:1.8em;}
.area_box > ul > li:first-child{background-color:#eef1db;}
.area_box > ul > li:nth-child(2){background-color:#f7f7f7;}
.area_box > ul > li:nth-child(3){background-color:#dbedf1;}
.area_box > ul > li:last-child{margin-right:0; background-color:#f8f1ea;}
.area_box > ul > li > i{display:block; padding:40px 30px; height:120px; font-size:20px; font-weight:500; color:#3d3d3d;}
.area_box > ul > li > em{display:block; margin-bottom:15px; padding:0 30px; color:#818181; font-weight:400; font-size:15px;}
.area_box > ul > li > em > u{font-weight:500; color:#3d3d3d; text-decoration:none;}
.area_box > .tit01{padding:50px 30px 30px 30px; background-position:0 48px;}
.area_box > ul > li > .area_list{padding:0 30px;}

/* 자회사현황 */
.area_corp{position:relative; margin:0 auto;}
.area_corp:after{content:''; display:block; clear:both;}
.area_corp > li{display:block; position:relative; float:left; margin:0 18px 18px 0; padding:55px 35px; width:calc(100% / 4 - 14.1px); height:326px; background-color:#fff; border:1px solid #fff; font-weight:500;}
.area_corp > li:nth-child(4n){margin-right:0;}
.area_corp > li:hover,
.area_corp > li.current{border-color:#c7c7c7; background:#fff url(../images/content/img_corpbg.png) no-repeat 100% 100%;}
.area_corp > li > span{display:block; color:#999895; font-weight:400;}
.area_corp > li > em{display:block; margin:12px 0 30px 0; color:#3d3d3d; font-size:20px;}
.area_corp > li > ul > li{position:relative; display:block; padding-left:10px; color:#818181; font-weight:300; line-height:1.5em;}
.area_corp > li > ul > li:before{position:absolute; top:9px; left:0px; content:""; width:3px; height:3px; background-color:#999895; border-radius:50%;}
.area_corp > li > a{display:block; position:absolute; top:18px; right:24px; width:34px; height:34px; text-indent:100%; font-size:0px; background:#c6c2c1 url(../images/content/img_link.png) no-repeat 50% 50%; background-size:20px 20px; border-radius:50%;}
.area_corp > li > img{position:absolute; display:block; bottom:42px;}

/* 자회사 성장지원 */
.area_support{position:relative; margin:50px auto 0 auto;}
.area_support:after{content:''; display:block; clear:both;}
.area_support li{float:left; margin-right:12px; width:calc(100% / 2 - 8.1px); height:380px; font-weight:400; line-height:1.8em;}
.area_support li:last-child{margin-right:0;}
.area_support li em{display:block; margin:34px 0 14px 0; color:#1e1e1e; font-size:20px;}
.area_support li span{display:block; color:#818181;}
.area_support li img{max-width:100%;}

/* 배너 */
.area_img{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.area_img li{float:left; margin:0 10px 10px 0; width:calc(100% / 5 - 8.1px); height:220px; display:inline-block; border:1px solid #ebebeb;}
.area_img li a{display:block;}
.area_img li:nth-child(5n){margin-right:0;}
.area_img li > a > img{display:block; margin:80px auto 0 auto; text-align:center;}

/* 인사말 */
.area_ceo{position:relative; width:100%; margin:0 auto;}
.area_ceo > em{display:block; margin:0 0 60px 65px; color:#1e1e1e; font-size:25px; line-height:1.7em; font-weight:300;}
.area_ceo > em > i{font-weight:500;}
.area_ceo > em:first-child{margin-bottom:0;}
.area_ceo > em > br{display:none;}
.area_ceo .ceo_img{position:absolute; z-index:1; bottom:50px; right:50px; overflow:hidden; display:block; margin:0 auto; text-align:center;}
.area_ceo .ceo_img > span{display:block; margin:20px auto 0 auto; color:#1e1e1e; font-size:18px; font-weight:300; text-align:center;}
.area_ceo .ceo_txt{position:relative; float:left; width:100%; padding:50px 65px; background-color:#fff;}
.area_ceo .ceo_txt > p{font-weight:300; color:#1e1e1e; line-height:2em;}
.area_ceo .ceo_txt > p + p{margin-top:25px;}
.area_ceo .ceo_txt > p > br{display:block;}
.area_ceo_bg{display:none; position:absolute; z-index:2; top:170px; right:-40px; width:180px; height:180px; background:url(../images/content/img_ceobg.png) no-repeat 100% 0;}

/* 비전 */
.vision_img{width:40%; float:left;}
.vision_txt{width:60%; float:left;}
.vision_txt li{padding:43px 30px; margin-bottom:20px; background-color:#f5f5f5;}
.vision_txt li p{font-weight:300;}
.vision_txt li p > span{font-weight:500;}

/* 찾아오시는길 */
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display:none !important;}
.os_mac .roughmap_maker_label .roughmap_lebel_text{font-size:14px !important; font-family:'LMDream'; font-weight:500;}
.txt_map{margin:35px auto 0 auto; padding:40px 30px; width:100%; height:auto; overflow:hidden; color:#454545; border:1px solid #e1e1e1; background-color:#fff; font-weight:300; font-size:16px; line-height:2em;}
.txt_map > li{float:left; display:block; margin:0 0 25px 70px; padding-bottom:20px; width:100%; border-bottom:1px solid rgba(0,0,0,0.05); transform:skew(-0.028deg);}
.txt_map > li:last-child{margin-bottom:0; border:0;}
.txt_map > li > span{float:left; display:inline-block; width:100px; margin:5px 50px 10px 0; height:20px; line-height:20px; font-size:18px; font-weight:500; text-transform:uppercase;}
.txt_map > li > ul{float:left; display:block;}
.txt_map > li > ul > li{position:relative; display:block; padding-left:10px;}
.txt_map > li > ul > li:before{position:absolute; top:14px; left:0px; content:""; width:3px; height:3px; background-color:#999895; border-radius:50%;}

/* 조직도 */
.org_list{position:relative; margin:0 auto 40px auto; padding:40px 0; height:480px; font-size:18px; font-weight:500; text-align:center;}
.org_list:after{content:''; display:block; position:absolute; top:0; width:100%; height:100%; border:1px solid #eee; box-sizing:border-box; z-index:1;}
.org_list ul{position:relative; margin:0 auto; padding:0 8%; z-index:2;}
.org_list > ul:last-child > li{margin-top:40px; width:calc(100% / 4 - 0.1px); float:left;}
.org_list li div{width:200px; min-height:100px; height:auto; margin:0 auto;}
.org_list li div p{height:60px; line-height:60px; color:#1e1e1e; border:1px solid #e3e3e3; background-color:#fff;}
.org_list li.org01 div p{color:#fff; border-color:#c5393a; background-image:url(../images/content/img_orgbg.jpg);}
.org_list li.org01_3 div p{background-color:#373737; border:0; color:#fff;}
.org_list li.org02 div p{background-color:#9dc8d1; border:0; color:#fff;}
.org_list li.org03 div p{background-color:#c7c4a5; border:0; color:#fff;}
.org_list li.org01:after{content:''; display:block; position:absolute; top:0px; left:50%; width:1px; height:300px; background-color:#e3e3e3; z-index:-1;}
.org_list li.org02:after{content:''; display:block; position:absolute; top:0; left:19%; width:62.1%; height:1px; background-color:#e3e3e3; z-index:-1;}
.org_list > ul:last-child > li:first-child:before{content:''; display:block; position:absolute; top:0px; left:19%; width:1px; height:45px; background-color:#e3e3e3; z-index:-1;}
.org_list > ul:last-child > li:last-child:before{content:''; display:block; position:absolute; top:0px; left:81.1%; width:1px; height:45px; background-color:#e3e3e3; z-index:-1;}
.org_list > ul:last-child > li:nth-child(2):before{content:''; display:block; position:absolute; top:0px; left:39.5%; width:1px; height:45px; background-color:#e3e3e3; z-index:-1;}
.org_list > ul:last-child > li:nth-child(3):before{content:''; display:block; position:absolute; top:0px; left:60.5%; width:1px; height:45px; background-color:#e3e3e3; z-index:-1;}

/* 연혁 */
.area_history{position:relative; margin:0 auto;}
.area_history .sort{position:relative; text-align:center; height:230px; background:url(../images/content/img_history.jpg) no-repeat 50% 50%; background-size:cover;}
.area_history .sort.bg02{background:url(../images/content/img_history02.jpg) no-repeat 50% 50%;}
.area_history .sort .year{display:block; position:absolute; bottom:0px; left:0px; margin:0 auto; width:50%; height:70px; line-height:70px; text-align:center; font-size:20px; font-weight:400; color:#1e1e1e; background-color:rgba(255,255,255,0.9);}
.area_history .detail{overflow:hidden; position:relative;}
.area_history .detail:after{content:''; display:block; position:absolute; top:0; left:50%; z-index:-1; width:1px; height:100%; background:#e4e9ed;}
.area_history .detail > li{width:50%; position:relative; clear:both; font-size:18px; font-weight:400; color:#3d3d3d; word-break:keep-all; line-height:1.6em; word-break:break-all;}
.area_history .detail > li:last-child{padding-bottom:80px;}
.area_history .detail > li .year{display:block; margin-top:10px; font-size:16px; font-weight:400; color:#b2b2b2;}
.area_history .detail > li:first-child .year{margin-top:40px;}
.area_history .detail > li .year:before{content:''; display:block; position:absolute; width:50px; height:1px; border-top:1px solid #cdcdcd;}
.area_history .detail > li .year:after{content:''; display:block; position:absolute; width:4px; height:4px; margin:-2px 0 0 0; background-color:#d81621; border-radius:3px;}
.area_history .detail > li.right{float:right; text-align:left;}
.area_history .detail > li.left{float:left; text-align:right;}
.area_history .detail > li.center{display:block; margin:0 auto; padding:40px 0; max-width:800px; text-align:center; font-size:16px; font-weight:500; color:#363636;}
.area_history .detail > li.center > span{height:50px; line-height:50px; background-color:#fff; border:2px solid #f0f0f0;}
.area_history .detail > li.left .year:after,
.area_history .detail > li.left .year:before{top:13px; right:-2px;}
.area_history .detail > li.right .year:after,
.area_history .detail > li.right .year:before{top:13px; left:-2px;}
.area_history .detail > li > em,
.area_history .detail > li > span{padding:0 70px; display:block;}

/* table */
table{width:100%; margin:50px auto; background-color:#fff;}
table td li{line-height:2em;}
#content table.table tbody th{background-color:#fafafa; border:1px solid #bbb !important; border-bottom-color:#999 !important;}
#content table.table tbody td{padding:20px 30px; bprder:1px solid #e4e4e4;}
.bbsTitle ~ .bbsView{margin-top:0px;}

/* 스마트솔루션 */
.smart_txt{margin-top:20px;}
.smart_txt > p{padding:2px 0 0 15px; font-size:15px !important; color:#666;line-height:1.6em; word-break:keep-all;}

@media all and (max-width:1800px){
	#container{padding:25px 0;}
	#content{width:inherit; min-height:inherit; margin:0 auto; padding-bottom:40px;}
	#content .inr{width:94%; max-width:inherit;}
	.area_ceo > em,
	#content h2{font-size:30px;}
	.area_list li,
	table.table01,
	#content p{font-size:15px;}
	.area_aobut > em,
	.area_aobut > span,
	.area_process > ul > li > em,
	.area_support li em{font-size:18px;}
	.area_aobut > p,
	.box_img > span,
	#content .inr > p{font-size:14px;}
	.area_ceo > em{font-size:30px;}	
	.org_list{font-size:15px;}
	
	#content h2{padding:30px 0 10px 0;}
	
	.area_support li{height:auto;}

	.area_ceo_bg{top:250px; right:15px; width:130px; height:130px; background-size:100% 100%;}
	.area_ceo .ceo_img{bottom:inherit; top:40px; right:5%;}
	
	.area_img li > a > img{width:100%; max-width:195px; margin:25px auto; display:block; text-align:center;}
	.area_img li{height:auto;}
	
	.txt_map{padding:30px 3%; font-size:15px;}
	.txt_map > li{margin-left:30px;}
	.txt_map > li > span{font-size:17px;}
	
}

@media all and (max-width:1400px){	
	.area_ceo_bg{top:220px; right:50%; margin-right:-290px;}
	.area_ceo > em{margin:0 0 40px 6%;}
	.area_ceo .ceo_img{right:inherit; left:0px; top:45px; margin:0 auto; float:none; width:100%; height:260px; text-align:center;}
	.area_ceo .ceo_img > span{position:relative; top:-80px; left:0px; right:inherit; margin-top:100px;}
	.area_ceo .ceo_img > img{width:auto; height:100%; margin:0 auto;}
	.area_ceo .ceo_txt{padding:350px 6% 40px 6%;}
	.area_ceo .ceo_txt.vision{padding-top:40px;}
	.area_ceo .ceo_txt > p:first-child,
	.area_ceo .ceo_txt > p:nth-child(2),
	.area_ceo .ceo_txt > p:nth-child(3){padding-right:0px;}
	.area_ceo .ceo_txt > p + p{margin-top:15px;}
}

@media all and (max-width:1280px){	
	.area_box > ul > li > i,
	.area_process > ul > li > em,
	.area_icon > ul > li > span{font-size:16px;}
	.area_box > ul > li > em,
	.area_icon > ul > li > div > ul > li{font-size:14px;}
	
	.area_box > .tit01{padding:30px 0 15px 32px; background-position:0 28px;}
	
	.area_box > ul > li{width:calc(100% / 2 - 9.1px); height:300px; margin-bottom:20px;}
	.area_box > ul > li:nth-child(2){margin-right:0;}
	.area_box > ul > li > i{height:auto; padding:25px 5%;}
	.area_box > ul > li > em{padding:0 5%;}
	.area_box > ul > li > .area_list{padding:0 5%;}

	.area_icon{padding:30px 8%;}
	.area_icon > ul > li{width:calc(100% / 2 - 9.1px); min-height:190px;}
	.area_icon > ul > li:nth-child(2){margin-right:0;}
	.area_icon > ul > li > span{padding-top:95px;}
	.area_icon > ul > li > span:after{margin-left:-70px; top:0px; background-size:140px 140px;}
	.area_icon > ul > li > div{height:190px;}
	.area_icon > ul > li > div > ul{padding:60px 10% 30px 10%;}

	.vision_img,
	.vision_txt{float:none; width:auto;}
	.vision_img{margin-bottom:30px; text-align:center;}
	.vision_img img{max-width:100%;}
	.vision_txt p{font-size:16px !important; word-break:keep-all; line-height:1.4em;}
	.vision_txt li p > span{display:block; margin-bottom:5px; font-size:20px;}
}

@media all and (max-width:1199px){	
	.txt_map li > a{font-size:18px;}
	.txt_map span,
	.area_list li,
	table.table01,
	.txt_map li{font-size:14px;}
	.box_img > span,
	.area_ceo .ceo_img > span{font-size:13px;}
	.area_ceo > em{font-size:25px;}
	
	.area_box > .tit01{padding:30px 0 15px 28px;}
	
	#content .inr{width:92%;}
	#content h2{margin-bottom:40px;}
	
	.txt_map{padding:30px 5%; font-size:14px;}
	.txt_map > li{margin:0 0 20px 0;}
	.txt_map > li > span{margin:0 0 5px 0; display:block; font-size:16px;}
	.txt_map > li > ul > li:before{top:11px;}

	.area_list ul{padding-right:0; background-size:48.5px auto;}
	.area_list li > em{width:50px; margin-right:5px;}
	
	.area_corp > li{margin:0 10px 10px 0; padding:55px 35px; width:calc(100% / 3 - 7.1px); height:300px;}
	.area_corp > li:nth-child(4n){margin:0 10px 10px 0;}
	.area_corp > li:nth-child(3n){margin-right:0;}
	
	.area_process{padding:30px 8%;}
	.area_process > ul > li{height:470px; margin-right:15px; width:calc(100% / 3 - 10.1px);}
	.area_process > ul > li > div{width:100%; margin:40px 15% 40px 15%;}
	.area_process > ul > li > div > span{width:70%;}
	.area_process > ul > li > div > span:last-child{margin:10px 0 0 0;}
	.area_process > ul > li > div:after{padding-top:140px; width:70%;}
	.area_process > ul > li > div{margin-bottom:0;}
	.area_process > ul > li i{margin:40px 15% 0 15%;}
	.area_process > ul > li u{margin:0 15%;}
}

@media all and (max-width:910px){
	#content h2{font-size:25px;}
	#content h3,
	.area_ceo > em{font-size:20px;}
	#content p{font-size:14px;}	

	.area_img li{width:calc(100% / 3 - 7.1px); padding:0 2%;}
	.area_img li:nth-child(5n){margin:0 10px 10px 0;}
	.area_img li:nth-child(3n){margin-right:0;}
	
	.org_list{margin:0 auto 25px auto; height:360px;}
	.org_list li div{width:140px; min-height:70px;}
	.org_list li div p{height:50px; line-height:50px;}
	.org_list li.org01:after{height:210px;}
	.org_list > ul:last-child > li{margin-top:30px;}

	.area_history .sort{height:140px; line-height:140px; background-position:80% 50%;}
	.area_history .sort .year{width:50%; height:50px; line-height:50px; font-size:14px;}
	.area_history .detail > li{font-size:16px;}
	.area_history .detail > li .year{font-size:14px;}
	.area_history .detail > li br,
	.area_history .detail > li p br{display:none;}
	.area_history .detail > li > em,
	.area_history .detail > li > span{padding:0 25px;}
	.area_history .detail > li.center{width:80%; font-size:14px;}
	.area_history .detail > li .year:before{width:16px;}
	.area_history .detail > li.left .year:after,
	.area_history .detail > li.right .year:after{top:12px;}
	.area_history .detail > li.left .year:before,
	.area_history .detail > li.right .year:before{top:11px;}

	.area_process > ul > li{width:100%; height:auto; padding-bottom:40px; margin:0 0 15px 0;}
}

@media all and (max-width:768px){	
	#content h2{font-size:20px;}
	#content h3,
	.area_ceo > em{font-size:18px;}
	#content .inr > p,
	table.table01,
	.txt_map,
	.area_list li,
	#content p{font-size:13px;}
	
	#content h2{font-weight:500;}
				
	.txt_map{padding:20px 7%;}
	.txt_map > li > span{width:100%;}
	
	.box_img{margin:0 auto 30px auto;}
	.box_img .w{display:none;}
	.box_img .m{display:block; max-width:100% !important;}

	.area_corp > li{margin:0 10px 10px 0; padding:40px 25px; width:calc(100% / 2 - 5.1px); height:280px;}
	.area_corp > li:nth-child(3n){margin:0 10px 10px 0;}
	.area_corp > li:nth-child(even){margin-right:0;}
	.area_corp > li > img{bottom:38px; width:auto; height:40px;}

	.area_support{width:50%;}
	.area_support li em{margin:20px 0 2px 0;}	
	.area_support li{width:100%; margin:0 0 30px 0; height:auto;}
	
	.tit01{padding-left:25px; background-size:18px auto;}
	
	.area_ceo_bg{top:170px; margin-right:-180px; width:100px; height:100px;}
	.area_ceo .ceo_img > img{height:60%;}
	.area_ceo .ceo_txt{padding:230px 6% 40px 6%;}

	.org_list ul{padding:0 15px;}
}

@media all and (max-width:670px){
	.org_list{height:auto; border:1px solid #eee;}
	.org_list:after{clear:both; position:static; width:auto; height:auto; border:0px;}
	.org_list ul{float:left; width:50%;}
	.org_list ul:nth-of-type(2){width:50%; margin-top:70px;}
	.org_list ul:nth-of-type(2):before{content:''; display:block; position:absolute; left:0; top:25px; width:1px; height:calc(100% - 70px); background:#e3e3e3;}
	.org_list > ul:last-child > li{float:none; width:100%; margin-top:0px;}
	.org_list li.org01:after{height:190px;}
	.org_list li.org01_3:after{content:''; display:block; position:absolute; left:50%; top:163px; width:100%; height:1px; background:#e3e3e3;}
	.org_list li.org01_3 > div{position:relative; z-index:3;}
	.org_list li.org02:after{display:none;}
	.org_list > ul:last-child > li{position:relative;}
	.org_list > ul:last-child > li:first-child:before{left:-15px; top:25px; width:50%; height:1px;}
	.org_list > ul:last-child > li:last-child:before,
	.org_list > ul:last-child > li:nth-child(3):before{left:-15px; top:25px; width:50%; height:1px;}

	.area_ceo .ceo_txt p{word-break:keep-all;}
	.area_ceo .ceo_txt p br{display:none;}
}

@media all and (max-width:480px){
	.area_support li em,
	#content h3{font-size:16px;}
	#content h3 > br{display:block;}
	#content h4{font-size:14px;}

	.area_img li{width:calc(100% / 2 - 5.1px); padding:0 2%;}
	.area_img li:nth-child(3n){margin:0 10px 10px 0;}
	.area_img li:nth-child(even){margin-right:0;}
	
	.box_img > span{margin:20px auto 0 auto; max-width:inherit;}
	
	.area_corp > li{margin:0 0 10px 0; padding:30px 20px; width:100%; height:220px;}
	.area_corp > li:nth-child(even){margin:0 0 10px 0;}
	.area_corp > li > img{bottom:15px;}
	
	.area_support{width:80%;}
	
	.area_history .detail > li{font-size:14px;}
	.area_history .detail > li .year{font-size:12px;}
	.area_history .detail > li.center{width:100%;}
	
	.area_box > ul > li{height:auto; padding-bottom:30px;}
	.area_box > ul > li,
	.area_icon > ul > li{width:100%;}
	
	.area_list li:before{top:9px;}
}

@media all and (max-width:420px){
	.area_ceo > em > br{display:block;}
	
	.area_icon > ul > li > div > ul{margin-top:0;}
	.area_icon > ul > li{min-height:inherit; width:100%;}
	.area_icon > ul > li > div{position:relative; top:0px; right:inherit; left:0px; width:100%; height:auto;}
	.area_icon > ul > li > div > p,
	.area_icon > ul > li > div > ul > li{font-size:13px;}
	
	.area_ceo_bg{top:190px; margin-right:-170px;}

	.org_list li div{width:100%;}
}